/* ============================================================
   SpeedLayer — Design Tokens
   Single source of truth for colors, fonts, and shared values.
   ============================================================ */

:root {

  /* Brand colors */
  --sl-gold:          #E2A037;
  --sl-gold-ui:       #E29D3C;
  --sl-gold-soft:     #C9A45C;

  --sl-green-cta:     #78BB53;
  --sl-green-light:   #8AC26C;
  --sl-green-tint:    #DBEFD6;

  --sl-blue:          #7CB4E2;
  --sl-teal:          #4EA89D;
  --sl-olive:         #9DB477;
  --sl-coral:         #E76F51;

  /* Neutrals */
  --sl-text-dark:     #38312D;
  --sl-heading-brown: #534844;
  --sl-cream:         #FEFAED;
  --sl-cream-btn-text:#FAF3E8;

  --sl-stone-200:     #E7E5E4;
  --sl-stone-800:     #292524;
  --sl-stone-900:     #1C1917;
  --sl-stone-950:     #0C0A09;

  --sl-sage-1:        #EEEFEA;
  --sl-sage-2:        #E7E9E0;

  /* Fonts */
  --sl-font-primary:  'Poppins', 'Roboto', system-ui, -apple-system, sans-serif;
  --sl-font-arabic:   'Cairo', 'Poppins', system-ui, sans-serif;

  /* Type scale */
  --sl-fs-eyebrow:    12px;
  --sl-fs-body:       17px;
  --sl-fs-body-sm:    16px;
  --sl-fs-small:      13px;
  --sl-fs-heading:    clamp(34px, 5.2vw, 66px);
  --sl-fs-heading-sm: clamp(28px, 8vw, 44px);

  /* Line heights */
  --sl-lh-tight:      1.1;
  --sl-lh-body:       1.85;

  /* Font weights */
  --sl-fw-regular:    400;
  --sl-fw-medium:     500;
  --sl-fw-semibold:   600;
  --sl-fw-bold:       700;
  --sl-fw-extrabold:  800;

  /* Radii */
  --sl-radius-pill:   9999px;
  --sl-radius-card:   16px;
  --sl-radius-sm:     12px;

  /* Shadows */
  --sl-shadow-glass:  0 1px 2px rgba(0, 0, 0, .05);
  --sl-shadow-cta:    0 10px 30px rgba(120, 187, 83, .3);
  --sl-shadow-cta-h:  0 14px 34px rgba(120, 187, 83, .45);

  /* Layout */
  --sl-container:     1200px;
  --sl-content-max:   660px;

  /* Motion */
  --sl-ease:          cubic-bezier(.22, .61, .36, 1);
  --sl-duration:      .3s;
  --sl-reveal-delay:  0ms;
}

[dir="rtl"] {
  --sl-font-primary: var(--sl-font-arabic);
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --sl-duration: 0s;
  }
}