/* Aurea design tokens — locked at docs/sessions/deals-ui-polish/03-design-research.md
 * Indigo accent ratified 2026-05-15. Pair every semantic color with icon shape.
 */
:root {
  /* Neutrals */
  --color-neutral-0:   #ffffff;
  --color-neutral-50:  #fafafa;
  --color-neutral-100: #f4f4f5;
  --color-neutral-200: #e4e4e7;
  --color-neutral-300: #d4d4d8;
  --color-neutral-400: #a1a1aa;
  --color-neutral-500: #71717a;
  --color-neutral-600: #52525b;
  --color-neutral-700: #3f3f46;
  --color-neutral-800: #27272a;
  --color-neutral-900: #18181b;

  /* Accent — indigo */
  --color-accent-50:   #eef2ff;
  --color-accent-100:  #e0e7ff;
  --color-accent-500:  #6366f1;
  --color-accent-600:  #4f46e5;
  --color-accent-700:  #4338ca;

  /* Semantic */
  --color-success-50:  #ecfdf5;
  --color-success-500: #10b981;
  --color-success-700: #047857;
  --color-warning-50:  #fffbeb;
  --color-warning-500: #f59e0b;
  --color-warning-700: #b45309;
  --color-danger-50:   #fef2f2;
  --color-danger-500:  #ef4444;
  --color-danger-700:  #b91c1c;
  --color-info-50:     #eff6ff;
  --color-info-500:    #3b82f6;
  --color-info-700:    #1d4ed8;

  /* Activity-urgency (Pipedrive port for due-date indicators) */
  --color-overdue:  var(--color-danger-500);
  --color-today:    var(--color-success-500);
  --color-upcoming: var(--color-warning-500);
  --color-idle:     var(--color-neutral-400);

  /* Type ramp */
  --font-family-base: -apple-system, BlinkMacSystemFont, 'Inter', 'Segoe UI', sans-serif;
  --font-family-mono: ui-monospace, SFMono-Regular, 'SF Mono', Menlo, monospace;

  --font-size-xs:   0.75rem;
  --font-size-sm:   0.875rem;
  --font-size-base: 1rem;
  --font-size-lg:   1.125rem;
  --font-size-xl:   1.5rem;
  --font-size-2xl:  2rem;
  --font-size-3xl:  2.5rem;

  --font-weight-regular:  400;
  --font-weight-medium:   500;
  --font-weight-semibold: 600;

  --line-height-tight:   1.2;
  --line-height-base:    1.5;
  --line-height-relaxed: 1.7;

  /* Spacing scale */
  --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;

  /* Radii */
  --radius-sm: 4px;
  --radius-md: 6px;
  --radius-lg: 8px;
  --radius-xl: 12px;

  /* Transitions */
  --transition-fast: 120ms ease;
  --transition-base: 200ms ease;

  /* Shadow */
  --shadow-card-hover: 0 1px 3px rgba(0, 0, 0, 0.04);
  --shadow-toast:      0 4px 12px rgba(0, 0, 0, 0.06);

  /* Focus ring */
  --focus-ring-color: var(--color-accent-500);
  --focus-ring-width: 2px;
  --focus-ring-offset: 2px;
}

/* Global base — applies to any page that loads _tokens.css */
html {
  font-family: var(--font-family-base);
  color: var(--color-neutral-800);
  background: var(--color-neutral-50);
}

body {
  margin: 0;
  font-size: var(--font-size-base);
  line-height: var(--line-height-base);
}

*, *::before, *::after {
  box-sizing: border-box;
}

/* Universal focus ring — never `outline: none` */
*:focus-visible {
  outline: var(--focus-ring-width) solid var(--focus-ring-color);
  outline-offset: var(--focus-ring-offset);
}

/* Reduced-motion respect */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}


/* ============================================================
 * Schema §2 additions (2026-05-23, deals-kanban-schema-port)
 * NET-ADDITIVE — does not modify existing --color-* tokens above.
 * Other blueprints keep rendering on the legacy indigo palette
 * until their own schema-port cycle lands. See docs/specs/
 * design-schema.md §2 + Brainstorm N7.
 *
 * Token-sheet unification (rename --radius-schema-* → --radius-*,
 * delete legacy --color-* once all 9 schema-port cycles land) is
 * a future `token-sheet-cleanup/` micro-cycle.
 * ============================================================ */
:root {
  /* Accent (schema §2.1) */
  --accent:         #4178E5;
  --accent-strong:  #2C5BC9;
  --accent-soft:    #EAF1FE;

  /* Text + neutrals (schema §2.1) */
  --text:           #15181D;
  --text-2:         #5B6470;
  --text-3:         #9AA1AB;
  --text-faint:     #C7CBD2;

  --bg:             #FBFBFC;
  --bg-elev:        #FFFFFF;
  --bg-hover:       #F4F5F8;
  --bg-sidebar:     #F4F5F7;
  --bg-tint:        #FAFAFB;

  --divider:        rgba(20, 25, 35, 0.06);
  --divider-strong: rgba(20, 25, 35, 0.10);

  /* Stage palette (schema §2.1) — used ONLY as 8-10px dots */
  --stage-sourcing:  #94A3B8;
  --stage-reviewing: #4178E5;
  --stage-loi:       #8B5CF6;
  --stage-contract:  #F59E0B;
  --stage-closing:   #10B981;
  --stage-won:       #059669;
  --stage-passed:    #C0C5CC;

  /* Urgency strip (schema §2.1) */
  --urgency-overdue: #DC2626;
  --urgency-today:   #F59E0B;
  --urgency-week:    var(--accent);

  /* Shadows (schema §2.1) */
  --shadow-card: 0 1px 2px rgba(20, 25, 35, 0.04), 0 0 0 1px rgba(20, 25, 35, 0.05);
  --shadow-pop:  0 10px 40px rgba(20, 25, 35, 0.10), 0 2px 6px rgba(20, 25, 35, 0.05);
  --shadow-fab:  0 6px 20px rgba(65, 120, 229, 0.35), 0 2px 4px rgba(65, 120, 229, 0.20);

  /* Radius (schema §2.3) — namespaced to avoid colliding with the
     existing --radius-sm/md/lg/xl above; cleanup cycle will unify. */
  --radius-schema-sm: 6px;
  --radius-schema-md: 10px;
  --radius-schema-lg: 14px;

  /* Transitions (schema §2.3) — supplements existing --transition-fast
     / --transition-base. --transition-fast (existing 120ms) kept as-is;
     schema spec is 140ms but perceptual delta is sub-frame and other
     blueprints depend on the existing value. */
  --transition:      220ms cubic-bezier(0.2, 0.8, 0.2, 1);
  --transition-slow: 360ms cubic-bezier(0.2, 0.8, 0.2, 1);
}