/* Horizon Design System — core tokens for @nachobot/ui
   Extracted from ServiceNow's Horizon design system.
   RGB triplets are used so components can apply alpha via rgba(). */

:root {
  /* ── Brand ── */
  --now-Primary: 0,86,110;
  --now-Positive: 38,97,8;
  --now-Destructive: 182,28,45;

  /* ── Text ── */
  --now-color--text-primary: 16,23,26;
  --now-color--text-secondary: 35,46,51;

  /* ── Backgrounds ── */
  --now-color--background-primary: 255,255,255;
  --now-color--background-secondary: 245,246,247;

  /* ── Borders ── */
  --now-color--border-primary: 115,127,132;
  --now-color--border-secondary: 170,178,182;

  /* ── Dividers ── */
  --now-color--divider-primary: 170,178,182;
  --now-color--divider-secondary: 220,223,224;

  /* ── Interactive ── */
  --now-color--interactive-1: 189,222,231;
  --now-color--interactive-2: 0,128,163;
  --now-color--interactive-3: 0,83,106;

  /* ── Status ── */
  --now-color--status-critical: 143,22,42;
  --now-color--status-warning: 185,140,24;
  --now-color--status-positive: 45,117,36;
  --now-color--status-info: 0,128,163;

  /* ── Neutral scale ── */
  --now-color--neutral-0: 255,255,255;
  --now-color--neutral-1: 245,246,247;
  --now-color--neutral-3: 207,213,215;
  --now-color--neutral-5: 170,178,182;
  --now-color--neutral-8: 115,127,132;
  --now-color--neutral-12: 55,68,74;
  --now-color--neutral-13: 48,61,66;
  --now-color--neutral-14: 41,53,59;
  --now-color--neutral-15: 35,46,51;
  --now-color--neutral-16: 29,39,43;
  --now-color--neutral-17: 22,31,35;
  --now-color--neutral-18: 16,23,26;

  /* ── Typography ── */
  --now-font-family: 'Lato', 'Arial', sans-serif;
  --now-static-font-size--sm: 0.75rem;
  --now-static-font-size--md: 1rem;
  --now-static-font-size--lg: 1.25rem;
  --now-static-font-size--xl: 1.5rem;

  /* ── Spacing ── */
  --now-spacing--xs: 0.25rem;
  --now-spacing--sm: 0.5rem;
  --now-spacing--md: 0.75rem;
  --now-spacing--lg: 1rem;
  --now-spacing--xl: 1.5rem;
  --now-spacing--xxl: 2rem;

  /* ── Border radius ── */
  --now-border-radius--sm: 4px;
  --now-border-radius--md: 8px;
  --now-border-radius--lg: 12px;
  --now-border-radius--round: 9999px;

  /* ── Elevation ── */
  --now-elevation--1: 0 1px 2px rgba(16,23,26,0.04);
  --now-elevation--2: 0 2px 6px rgba(16,23,26,0.08);
  --now-elevation--3: 0 8px 20px rgba(16,23,26,0.12);
  --now-elevation--4: 0 20px 50px rgba(16,23,26,0.18);

  /* ── Motion ── */
  --now-motion--fast: 80ms;
  --now-motion--normal: 150ms;
  --now-motion--slow: 300ms;
  --now-motion--easing: cubic-bezier(0.4, 0, 0.2, 1);

  /* ── Z-index layers ── */
  --now-layer--dropdown: 100;
  --now-layer--sticky: 200;
  --now-layer--modal: 1000;
  --now-layer--toast: 1100;
  --now-layer--tooltip: 1200;
}