/* Aurora — design tokens (GENERATED from client/tokens/*.json DTCG source).
   Semantic names are mode-stable; only the resolved primitive changes per theme.
   Light is primary (:root); dark is an authored peer ([data-theme="dark"]),
   NOT a derivation of light. Do not edit by hand — regenerate from DTCG source. */

:root {
  /* primitives — greige (day neutral) */
  --greige-0: #FCFBF8;
  --greige-50: #F8F6F0;
  --greige-100: #F2EFE7;
  --greige-200: #EEEBE3;
  --greige-300: #E4E0D5;
  --greige-400: #D2CCBE;
  --greige-500: #B0A998;
  --greige-600: #88806F;
  --greige-700: #5F584C;
  --greige-800: #3D382F;
  --greige-900: #221F18;

  /* primitives — petrol (night neutral) */
  --petrol-50: #E9EEEB;
  --petrol-100: #D2DBD7;
  --petrol-200: #B0BEB8;
  --petrol-300: #8A9C95;
  --petrol-400: #647871;
  --petrol-500: #495C56;
  --petrol-600: #35463F;
  --petrol-700: #27332E;
  --petrol-800: #1B2723;
  --petrol-900: #14201E;

  /* primitives — indigo (single semantic accent) */
  --indigo-50: #EDEFF8;
  --indigo-100: #DCE0F2;
  --indigo-200: #BFC6E8;
  --indigo-300: #8A93D6;
  --indigo-400: #6571B6;
  --indigo-500: #4C5A98;
  --indigo-600: #3B4A82;
  --indigo-700: #2D3960;

  /* space — base 4px */
  --space-xs: 4px;
  --space-sm: 8px;
  --space-md: 12px;
  --space-lg: 16px;
  --space-xl: 24px;

  /* radius — contained shape */
  --radius-sm: 6px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-full: 9999px;

  /* type */
  --font-sans: 'Hanken Grotesk Variable', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --font-mono: 'IBM Plex Mono', ui-monospace, SFMono-Regular, Menlo, monospace;
  --font-size-meta: 12px;
  --font-size-mono: 13px;
  --font-size-ui: 14px;
  --font-size-body: 15px;
  --font-size-title: 16px;
  --font-size-display: 22px;
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --line-height-body: 1.55;
  --line-height-ui: 1.4;
  --line-height-title: 1.3;
  --line-height-display: 1.25;
  --line-height-meta: 1.35;
  --line-height-mono: 1.5;

  /* motion — orients, never entertains; collapsed under prefers-reduced-motion */
  --motion-fast: 120ms; /* @kind other */
  --motion-base: 180ms; /* @kind other */
  --motion-slow: 280ms; /* @kind other */
  --motion-ease-entrada: cubic-bezier(.2, 0, 0, 1); /* @kind other */
  --motion-ease-saida: cubic-bezier(.4, 0, 1, 1); /* @kind other */

  /* density — per-surface regimes, not themed */
  --density-cotidiano-row-padding: 10px 12px;
  --density-cotidiano-row-height: 40px;
  --density-cotidiano-avatar: 28px;
  --density-gestao-row-padding: 5px 12px;
  --density-gestao-row-height: 30px;
  --density-gestao-avatar: 22px;
  --density-touch-floor: 44px;

  /* semantic — LIGHT (primary, authored) */
  --color-bg: var(--greige-200);
  --color-surface: var(--greige-50);
  --color-surface-raised: var(--greige-0);
  --color-border: var(--greige-400);
  --color-border-strong: var(--greige-500);
  --color-text: var(--greige-900);
  --color-muted: var(--greige-600);
  --color-accent: var(--indigo-600);
  --color-accent-pressed: var(--indigo-700);
  --color-accent-wash: var(--indigo-50);
  --color-accent-fg: var(--indigo-50);
  --color-danger: #9C4A3A;
  --color-danger-wash: #F3E3DF;
  --color-presence-online: #4F7E5C;
  --color-scrim: rgba(34, 31, 24, 0.24);
  --shadow-overlay: 0 4px 16px rgba(20, 16, 12, 0.10);
}

/* semantic — DARK (authored peer, NOT an inversion of light) */
[data-theme="dark"] {
  --color-bg: var(--petrol-900);
  --color-surface: var(--petrol-800);
  --color-surface-raised: var(--petrol-700);
  --color-border: var(--petrol-600);
  --color-border-strong: var(--petrol-500);
  --color-text: var(--petrol-50);
  --color-muted: var(--petrol-400);
  --color-accent: var(--indigo-300);
  --color-accent-pressed: var(--indigo-400);
  --color-accent-wash: #232A40;
  --color-accent-fg: var(--indigo-700);
  --color-danger: #CE7E6C;
  --color-danger-wash: #2C211D;
  --color-presence-online: #7FB089;
  --color-scrim: rgba(9, 14, 13, 0.55);
  --shadow-overlay: 0 6px 20px rgba(0, 0, 0, 0.34);
}