/* ============================================================
   DESIGN TOKENS — Start Manning Vacancy Distribution Module
   Visual identity: Start Manning (start-manning.com)
   ============================================================ */

:root {

  /* --- Backgrounds --- */
  --color-bg-base:       #f1f5f9;   /* SM body: slate-100   */
  --color-bg-elevated:   #ffffff;   /* white sections        */
  --color-bg-surface:    #ffffff;   /* white cards           */
  --color-bg-overlay:    #f8fafc;   /* hover/subtle lift     */
  --color-bg-dropdown:   #ffffff;   /* white dropdowns       */
  --color-bg-dark:       #030712;   /* SM near-black (rare)  */

  /* --- Accent (SM Red) --- */
  --color-accent:        #DC2626;   /* red-600               */
  --color-accent-hover:  #B91C1C;   /* red-700               */
  --color-accent-glow:   rgba(220, 38, 38, 0.12);
  --color-accent-glow-sm:rgba(220, 38, 38, 0.08);

  /* --- Eyebrow / Label color (was gold, now red to match SM) --- */
  --color-gold:          #DC2626;
  --color-gold-muted:    rgba(220, 38, 38, 0.07);

  /* --- Text --- */
  --color-text-primary:   #030712;  /* SM gray-950            */
  --color-text-secondary: #374151;  /* gray-700 — improved readability on light bg */
  --color-text-muted:     #6B7280;  /* gray-500 — was too light at #9CA3AF         */
  --color-text-on-dark:   #ffffff;

  /* --- Borders --- */
  --color-border-subtle:  rgba(0, 0, 0, 0.05);
  --color-border-default: rgba(0, 0, 0, 0.09);
  --color-border-strong:  rgba(0, 0, 0, 0.14);
  --color-border-accent:  rgba(220, 38, 38, 0.40);
  --color-border-gold:    rgba(220, 38, 38, 0.20);  /* eyebrow badge */

  /* --- Semantic --- */
  --color-success:  #16A34A;   /* green-600 */
  --color-error:    #DC2626;   /* same as accent */
  --color-warning:  #D97706;

  /* --- Typography --- */
  --font-sans: 'Montserrat', system-ui, -apple-system, BlinkMacSystemFont,
               'Segoe UI', 'Helvetica Neue', Arial, sans-serif;

  --text-xs:   0.6875rem;  /* 11px — eyebrows  */
  --text-sm:   0.8125rem;  /* 13px — captions  */
  --text-base: 1rem;       /* 16px — body      */
  --text-lg:   1.125rem;   /* 18px — body lg   */
  --text-xl:   1.125rem;   /* 18px — h4        */
  --text-2xl:  1.5rem;     /* 24px — h3        */
  --text-3xl:  2.25rem;    /* 36px — h2        */
  --text-4xl:  3rem;       /* 48px — h1        */
  --text-5xl:  4rem;       /* 64px — display   */

  --weight-regular:  400;
  --weight-medium:   500;
  --weight-semibold: 600;
  --weight-bold:     700;
  --weight-black:    900;   /* Montserrat true black */

  --leading-tight:   1.15;
  --leading-snug:    1.30;
  --leading-normal:  1.55;
  --leading-relaxed: 1.70;

  --tracking-tight:   -0.03em;
  --tracking-normal:   0;
  --tracking-wide:     0.06em;
  --tracking-widest:   0.12em;

  /* --- Spacing --- */
  --space-1:   4px;
  --space-2:   8px;
  --space-3:   12px;
  --space-4:   16px;
  --space-5:   20px;
  --space-6:   24px;
  --space-8:   32px;
  --space-10:  40px;
  --space-12:  48px;
  --space-14:  56px;
  --space-16:  64px;
  --space-20:  80px;
  --space-24:  96px;

  /* --- Layout --- */
  --container-max: 1280px;
  --container-pad: 80px;

  /* --- Radius (rounder — matches SM rounded-2xl style) --- */
  --radius-sm:   8px;
  --radius-md:   14px;
  --radius-lg:   20px;
  --radius-xl:   28px;
  --radius-full: 9999px;

  /* --- Shadows (light and soft — no dark glow) --- */
  --shadow-card:
    0 1px 3px  rgba(0, 0, 0, 0.06),
    0 4px 16px rgba(0, 0, 0, 0.06);
  --shadow-card-hover:
    0 4px 20px rgba(0, 0, 0, 0.10),
    0 16px 48px rgba(0, 0, 0, 0.08);
  --shadow-panel:
    0 4px 24px rgba(0, 0, 0, 0.09),
    0 1px 4px  rgba(0, 0, 0, 0.06);
  --shadow-dropdown:
    0 8px 32px rgba(0, 0, 0, 0.12),
    0 2px 8px  rgba(0, 0, 0, 0.07);
  --shadow-btn-glow: none;   /* no glow — SM style */

  /* --- Easing --- */
  --ease-out:    cubic-bezier(0.0, 0.0, 0.2, 1);
  --ease-in:     cubic-bezier(0.4, 0.0, 1.0, 1);
  --ease-inout:  cubic-bezier(0.4, 0.0, 0.2, 1);
  --ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);

  /* --- Durations --- */
  --dur-fast:   150ms;
  --dur-normal: 250ms;
  --dur-slow:   400ms;
  --dur-xslow:  600ms;

  /* --- Z-index --- */
  --z-base:     0;
  --z-raised:   10;
  --z-dropdown: 100;
  --z-sticky:   200;
  --z-modal:    400;
  --z-cursor:   9999;
}