/* ============================================================
   Дизайн-токены проекта Goskadr53
   Единый источник истины для цветов, отступов, типографики.
   Меняем здесь — меняется везде в системе.
   ============================================================ */

:root {
    /* === Брендовые цвета === */
    --gk-color-brand:               #182968;
    --gk-color-brand-hover:         #2f3e77;

    /* === Акцентные цвета === */
    --gk-color-accent-blue:         #3b82f6;
    --gk-color-accent-blue-hover:   #1d4ed8;
    --gk-color-accent-indigo:       #6366f1;
    --gk-color-accent-indigo-2:     #4f46e5;
    --gk-color-accent-violet:       #8b5cf6;

    /* === Пастельные цвета (фон / декор) === */
    --gk-color-bg-soft-1:           #f5f7ff;
    --gk-color-bg-soft-2:           #eef2ff;
    --gk-color-bg-soft-3:           #faf5ff;
    --gk-color-bg-blob-violet:      rgba(167, 139, 250, 0.55);
    --gk-color-bg-blob-blue:        rgba(96, 165, 250, 0.5);
    --gk-color-bg-pill:             rgba(99, 102, 241, 0.12);
    --gk-color-bg-pill-border:      rgba(99, 102, 241, 0.25);

    /* === Системные нейтральные === */
    --gk-color-surface:             #ffffff;
    --gk-color-surface-muted:       #fafafa;
    --gk-color-surface-soft:        #f1f5f9;
    --gk-color-surface-softer:      #f3f4f6;
    --gk-color-surface-soft-hover:  #e2e8f0;

    /* === Текст === */
    --gk-color-text-heading:        #182968;
    --gk-color-text-body:           #475569;
    --gk-color-text-meta:           #64748b;
    --gk-color-text-muted:          #94a3b8;
    --gk-color-text-disabled:       #6b7280;
    --gk-color-text-inverse:        #ffffff;

    /* === Границы === */
    --gk-color-border:              #e5e7eb;
    --gk-color-border-hover:        #cbd5e1;
    --gk-color-border-focus:        var(--gk-color-accent-blue);

    /* === Статусы === */
    --gk-color-success-bg:          #dcfce7;
    --gk-color-success-bg-hover:    #bbf7d0;
    --gk-color-success-text:        #15803d;
    --gk-color-danger-bg:           #fee2e2;
    --gk-color-danger-bg-hover:     #fecaca;
    --gk-color-danger-text:         #b91c1c;

    /* === Радиусы === */
    --gk-radius-xs:                 4px;
    --gk-radius-sm:                 10px;
    --gk-radius-md:                 12px;
    --gk-radius-lg:                 14px;
    --gk-radius-xl:                 20px;
    --gk-radius-2xl:                28px;
    --gk-radius-pill:               999px;

    /* === Отступы === */
    --gk-space-1:                   4px;
    --gk-space-2:                   8px;
    --gk-space-3:                   12px;
    --gk-space-4:                   16px;
    --gk-space-5:                   20px;
    --gk-space-6:                   24px;
    --gk-space-7:                   28px;
    --gk-space-8:                   32px;
    --gk-space-10:                  40px;
    --gk-space-15:                  60px;
    --gk-space-20:                  80px;
    --gk-space-22:                  90px;

    /* === Размеры === */
    --gk-control-height:            48px;
    --gk-control-height-sm:         40px;
    --gk-control-height-pill:       36px;
    --gk-control-radius:            var(--gk-radius-md);
    --gk-input-radius:              var(--gk-radius-md);

    /* === Тени === */
    --gk-shadow-card:               0 4px 20px rgba(24, 41, 104, 0.08);
    --gk-shadow-card-hover:         0 12px 40px rgba(24, 41, 104, 0.15);
    --gk-shadow-card-soft:          0 4px 20px rgba(24, 41, 104, 0.06);
    --gk-shadow-button:             0 4px 14px rgba(24, 41, 104, 0.25);
    --gk-shadow-button-hover:       0 6px 20px rgba(24, 41, 104, 0.3);
    --gk-shadow-popover:            0 8px 24px rgba(24, 41, 104, 0.1);
    --gk-shadow-tab-active:         0 2px 8px rgba(24, 41, 104, 0.08);
    --gk-shadow-hero-icon:          0 12px 40px rgba(24, 41, 104, 0.12);
    --gk-shadow-focus-ring:         0 0 0 4px rgba(59, 130, 246, 0.12);

    /* === Типографика === */
    --gk-font-size-eyebrow:         11px;
    --gk-font-size-meta:            13px;
    --gk-font-size-body:            14px;
    --gk-font-size-card-text:       15px;
    --gk-font-size-card-title:      19px;
    --gk-font-size-salary:          20px;
    --gk-font-weight-medium:        500;
    --gk-font-weight-semibold:      600;
    --gk-font-weight-bold:          700;
    --gk-letter-spacing-eyebrow:    0.8px;

    /* === Анимации === */
    --gk-transition-fast:           0.2s ease;
    --gk-transition-default:        0.25s ease;
    --gk-transition-smooth:         0.4s cubic-bezier(0.4, 0, 0.2, 1);

    /* === Градиенты === */
    --gk-gradient-stripe-active:    linear-gradient(90deg, #3b82f6 0%, #6366f1 100%);
    --gk-gradient-stripe-archived:  linear-gradient(90deg, #9ca3af 0%, #6b7280 100%);
    --gk-gradient-icon-bg:          linear-gradient(135deg, #dbeafe 0%, #bfdbfe 100%);
    --gk-gradient-icon-bg-muted:    linear-gradient(135deg, #f3f4f6 0%, #e5e7eb 100%);
    --gk-gradient-hero-base:        linear-gradient(135deg, #f5f7ff 0%, #eef2ff 45%, #faf5ff 100%);
    --gk-gradient-hero-glow-1:      radial-gradient(ellipse at 85% 0%, rgba(199, 210, 254, 0.85) 0%, transparent 55%);
    --gk-gradient-hero-glow-2:      radial-gradient(ellipse at 10% 95%, rgba(186, 230, 253, 0.7) 0%, transparent 55%);
    --gk-gradient-button-primary:   linear-gradient(135deg, #182968 0%, #2f3e77 100%);
}