/* =============================================================
   WPCrypto Design Tokens (v1.5.2)
   Mevcut fallback değerlerle uyumlu — plugin geneli renk/spacing
   karması bu dosyada ÇÖZÜLÜR. Modüller var(--wp-X, fallback) ile
   zaten doğru çağırıyordu, tokens tanımlandığı an etkili olur.
   ============================================================= */
:root {
    /* Brand & feedback colors */
    --wp-primary-color: #3b82f6;
    --wp-primary-hover: #2563eb;
    --wp-primary-soft: rgba(59, 130, 246, 0.1);
    --wp-accent-color: #3b82f6;
    --wp-success-color: #28a745;
    --wp-success-soft: rgba(40, 167, 69, 0.1);
    --wp-danger-color: #dc3545;
    --wp-danger-soft: rgba(220, 53, 69, 0.1);
    --wp-warning-color: #ffc107;
    --wp-warning-soft: rgba(255, 193, 7, 0.1);
    --wp-info-color: #17a2b8;
    --wp-info-soft: rgba(23, 162, 184, 0.1);

    /* Surface backgrounds */
    --wp-bg-card: #ffffff;
    --wp-bg-primary: #ffffff;
    --wp-bg-secondary: #f8f9fa;
    --wp-bg-tertiary: #f1f5f9;
    --wp-bg-overlay: rgba(15, 23, 42, 0.5);

    /* Borders */
    --wp-border-color: #e9ecef;
    --wp-border-strong: #cbd5e1;
    --wp-border-focus: #3b82f6;

    /* Text */
    --wp-text-primary: #1a1a1a;
    --wp-text-secondary: #64748b;
    --wp-text-muted: #94a3b8;
    --wp-text-inverse: #ffffff;

    /* Radius scale */
    --wp-radius-sm: 4px;
    --wp-radius: 8px;
    --wp-radius-lg: 12px;
    --wp-radius-xl: 16px;
    --wp-radius-pill: 999px;

    /* Shadow scale */
    --wp-shadow-light: 0 2px 8px rgba(0, 0, 0, 0.08);
    --wp-shadow-medium: 0 4px 15px rgba(0, 0, 0, 0.12);
    --wp-shadow-strong: 0 10px 25px -5px rgba(0, 0, 0, 0.15);
    --wp-shadow-hover: 0 6px 18px rgba(0, 0, 0, 0.14);
    --wp-shadow-focus-ring: 0 0 0 3px rgba(59, 130, 246, 0.18);

    /* Typography */
    --wp-font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
    --wp-font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;
    --wp-font-size-xs: 11px;
    --wp-font-size-sm: 13px;
    --wp-font-size: 14px;
    --wp-font-size-lg: 16px;

    /* Transitions */
    --wp-transition-fast: all 0.15s ease;
    --wp-transition: all 0.2s ease;
    --wp-transition-slow: all 0.3s ease;
}

.wpcrypto-standard-container {
    background: var(--wp-bg-card, #ffffff);
    border: 1px solid var(--wp-border-color, #e9ecef);
    border-radius: 12px;
    padding: 20px;
    box-shadow: var(--wp-shadow-light, 0 2px 8px rgba(0, 0, 0, 0.1));
    transition: all 0.3s ease;
}

.wpcrypto-standard-form-section {
    background: var(--wp-bg-card, #ffffff);
    border: 1px solid var(--wp-border-color, #e9ecef);
    border-radius: 12px;
    padding: 20px;
    margin-bottom: 20px;
    box-shadow: var(--wp-shadow-light, 0 2px 8px rgba(0, 0, 0, 0.1));
}

.wpcrypto-standard-card {
    background: var(--wp-bg-card, #ffffff);
    border: 1px solid var(--wp-border-color, #e9ecef);
    border-radius: 8px;
    padding: 15px;
    box-shadow: var(--wp-shadow-light, 0 2px 8px rgba(0, 0, 0, 0.1));
    transition: all 0.3s ease;
}

.wpcrypto-standard-input {
    width: 100%;
    padding: 12px;
    border: 2px solid var(--wp-border-color, #e9ecef);
    border-radius: 8px;
    font-size: 14px;
    background: var(--wp-bg-card, #ffffff);
    color: var(--wp-text-primary, #1a1a1a);
    transition: all 0.3s ease;
}

.wpcrypto-standard-button {
    padding: 12px 20px;
    border: none;
    border-radius: 8px;
    font-size: 15px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: var(--wp-shadow-light, 0 2px 8px rgba(0, 0, 0, 0.1));
}

.wpcrypto-standard-header {
    padding-bottom: 15px;
    margin-bottom: 20px;
    border-bottom: 2px solid var(--wp-border-color, #e9ecef);
}

.wpcrypto-standard-info {
    background: var(--wp-bg-secondary, #f8f9fa);
    border: 1px solid var(--wp-border-color, #e9ecef);
    border-radius: 8px;
    padding: 15px;
    margin: 15px 0;
}

.wpcrypto-standard-warning {
    background: rgba(255, 193, 7, 0.1);
    border: 1px solid var(--wp-warning-color, #ffc107);
    border-left: 4px solid var(--wp-warning-color, #ffc107);
    border-radius: 4px;
    padding: 15px;
    margin: 15px 0;
}

.wpcrypto-standard-success {
    background: rgba(40, 167, 69, 0.1);
    border: 1px solid var(--wp-success-color, #28a745);
    border-left: 4px solid var(--wp-success-color, #28a745);
    border-radius: 4px;
    padding: 15px;
    margin: 15px 0;
}

.wpcrypto-standard-error {
    background: rgba(220, 53, 69, 0.1);
    border: 1px solid var(--wp-danger-color, #dc3545);
    border-left: 4px solid var(--wp-danger-color, #dc3545);
    border-radius: 4px;
    padding: 15px;
    margin: 15px 0;
}