/* ============================================================================
   tokens.css — Olmia Robotics design tokens (exact brand: Montserrat + #94c11f
   lime, #291871 indigo, #00c8f3 cyan). Single source for color/space/type.
   ========================================================================== */
:root {
  /* — Brand — */
  --accent:       #00a0f7;   /* primary CTA / accent (Olmia blauw) */
  --accent-600:   #0090e6;
  --accent-700:   #0a6aa6;   /* legible accent text on white    */
  --accent-tint:  #e9f4fe;   /* soft blue wash                  */
  --indigo:       #291871;   /* deep brand / dark sections / primary */
  --indigo-700:   #1f1259;
  --indigo-900:   #150b3d;
  --indigo-tint:  #efeefb;
  --cyan:         #00c8f3;   /* secondary accent / highlight    */
  --blue:         #00a0f7;

  /* — Neutrals — */
  --ink:          #15151b;   /* primary text                    */
  --ink-2:        #54545f;   /* muted text                      */
  --ink-3:        #8a8a95;   /* faint text                      */
  --paper:        #ffffff;
  --mist:         #f6f7f2;   /* warm light section bg           */
  --mist-2:       #eef0e8;
  --line:         #e6e7e0;   /* hairline borders                */
  --line-2:       #d7d8cf;

  /* — Feedback — */
  --sale:         #d6442f;
  --star:         #f5a623;

  /* — Gradients / atmosphere — */
  --grad-indigo:  linear-gradient(135deg, #2c1a7a 0%, #1a0f4f 55%, #140b3c 100%);
  --grad-accent:  linear-gradient(120deg, #22b4ff 0%, #00a0f7 100%);
  --grad-glow:    radial-gradient(60% 80% at 75% 20%, rgba(0,200,243,.22), transparent 70%);

  /* — Type — */
  --font-sans: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-display: 'Montserrat', sans-serif;
  --font-serif: 'Bree Serif', Georgia, serif;   /* spare editorial accent */

  /* — Radius — */
  --r-xs: 6px;
  --r-sm: 10px;
  --r:    14px;
  --r-lg: 20px;
  --r-xl: 30px;
  --r-pill: 999px;

  /* — Shadow — */
  --sh-xs:  0 1px 2px rgba(21,21,27,.06);
  --sh-sm:  0 2px 8px rgba(21,21,27,.06);
  --sh:     0 8px 24px rgba(21,21,27,.08);
  --sh-md:  0 14px 40px rgba(21,21,27,.10);
  --sh-lg:  0 30px 70px rgba(21,21,27,.16);
  --sh-accent: 0 12px 26px rgba(0,160,247,.26);

  /* — Layout — */
  --container: 1280px;
  --container-wide: 1480px;
  --gutter: clamp(18px, 4vw, 56px);
  --header-h: 76px;
  --bar-h: 38px;

  /* — Motion — */
  --ease: cubic-bezier(.22,.61,.36,1);
  --ease-out: cubic-bezier(.16,1,.3,1);
  --t-fast: .18s;
  --t: .32s;
  --t-slow: .6s;

  --z-bar: 40;
  --z-header: 60;
  --z-drawer: 90;
  --z-chat: 80;
  --z-toggle: 70;
  --z-modal: 100;
}