/* ============================================================
   ВитринаПро — Design Tokens
   ============================================================ */

:root {

  /* ── Brand Colors ──────────────────────────────────────── */
  --c-brand:           #091D37;   /* primary dark navy */
  --c-brand-mid:       #132F52;   /* slightly lighter navy */
  --c-brand-deep:      #050F1D;   /* deepest for footer */
  --c-accent:          #2563EB;   /* action blue */
  --c-accent-hover:    #1D4ED8;
  --c-accent-light:    #EFF6FF;

  /* ── Backgrounds ───────────────────────────────────────── */
  --c-bg:              #FFFFFF;
  --c-bg-soft:         #F5F8FB;   /* light section bg */
  --c-bg-dark:         var(--c-brand);

  /* ── Text ──────────────────────────────────────────────── */
  --c-text:            #0F1E30;
  --c-text-secondary:  #4B6280;
  --c-text-muted:      #8096AD;
  --c-text-on-dark:    #FFFFFF;
  --c-text-on-dark-60: rgba(255, 255, 255, 0.60);
  --c-text-on-dark-80: rgba(255, 255, 255, 0.80);

  /* ── Borders ───────────────────────────────────────────── */
  --c-border:          #DDE4ED;
  --c-border-light:    #EBF0F6;

  /* ── Feedback ──────────────────────────────────────────── */
  --c-success:         #10B981;
  --c-success-bg:      #ECFDF5;
  --c-error:           #EF4444;
  --c-error-bg:        #FEF2F2;

  /* ── Typography ────────────────────────────────────────── */
  --font:              'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

  --text-xs:    0.75rem;    /*  12px */
  --text-sm:    0.875rem;   /*  14px */
  --text-base:  1rem;       /*  16px */
  --text-lg:    1.125rem;   /*  18px */
  --text-xl:    1.25rem;    /*  20px */
  --text-2xl:   1.5rem;     /*  24px */
  --text-3xl:   1.875rem;   /*  30px */
  --text-4xl:   2.25rem;    /*  36px */
  --text-5xl:   2.875rem;   /*  46px */
  --text-6xl:   3.5rem;     /*  56px */

  --fw-regular:  400;
  --fw-medium:   500;
  --fw-semibold: 600;
  --fw-bold:     700;

  --lh-tight:    1.15;
  --lh-snug:     1.35;
  --lh-normal:   1.55;
  --lh-relaxed:  1.7;

  /* ── Spacing ───────────────────────────────────────────── */
  --sp-1:   0.25rem;    /*  4px */
  --sp-2:   0.5rem;     /*  8px */
  --sp-3:   0.75rem;    /* 12px */
  --sp-4:   1rem;       /* 16px */
  --sp-5:   1.25rem;    /* 20px */
  --sp-6:   1.5rem;     /* 24px */
  --sp-8:   2rem;       /* 32px */
  --sp-10:  2.5rem;     /* 40px */
  --sp-12:  3rem;       /* 48px */
  --sp-16:  4rem;       /* 64px */
  --sp-20:  5rem;       /* 80px */
  --sp-24:  6rem;       /* 96px */

  /* ── Layout ────────────────────────────────────────────── */
  --container:         1200px;
  --container-pad:     1.5rem;
  --section-y:         var(--sp-20);

  /* ── Radius ────────────────────────────────────────────── */
  --r-sm:   6px;
  --r-md:   10px;
  --r-lg:   16px;
  --r-xl:   24px;
  --r-full: 9999px;

  /* ── Shadows ───────────────────────────────────────────── */
  --shadow-sm:  0 1px 4px rgba(9, 29, 55, 0.07);
  --shadow-md:  0 4px 16px rgba(9, 29, 55, 0.10);
  --shadow-lg:  0 12px 40px rgba(9, 29, 55, 0.12);
  --shadow-xl:  0 24px 64px rgba(9, 29, 55, 0.16);

  /* ── Motion ────────────────────────────────────────────── */
  --ease:     cubic-bezier(0.25, 0.46, 0.45, 0.94);
  --t-fast:   150ms;
  --t-base:   250ms;
  --t-slow:   400ms;

  /* ── Z-index ───────────────────────────────────────────── */
  --z-nav:    100;
  --z-modal:  200;
}