/* Cero · obsidiana, mármol y cobre. Tokens copiados de src/app/globals.css
   (fuente de verdad: docs/brand/SYSTEM.md en cero-platform). Sólo variables. */
:root {
  /* Materia */
  --obsidiana-950: #03060B;
  --obsidiana-900: #070C15;
  --obsidiana: #0B1220;
  --obsidiana-700: #121D2D;
  --obsidiana-600: #1E2B3F;
  --obsidiana-500: #34445C;
  --obsidiana-400: #5A6A83;
  --obsidiana-300: #8796AD;
  --obsidiana-200: #B7C1D0;
  --ivory: #F7F3EA;
  --paper: #FCFBF8;
  --piedra-cara: #DCD5C6;
  --piedra-trazo: #6E6858;
  --retazo-cara: #F1DCC0;

  /* Cobre: la luz de la marca */
  --copper-50: #FFF4E8;
  --copper-200: #FFC88F;
  --copper-300: #F5A85A;
  --copper-400: #E38A32;
  --copper: #C96A1B;
  --copper-600: #A95315;
  --copper-700: #843F13;

  /* Una tinta por orden de trabajo (las mismas de NestingVivo) */
  --ot-a: #0B2D4D;
  --ot-b: #34445C;
  --ot-c: #306DA3;
  --ot-d: #843F13;

  /* Roles */
  --color-bg: var(--obsidiana-950);
  --color-surface: var(--obsidiana-700);
  --color-border: color-mix(in srgb, var(--ivory) 14%, transparent);
  --color-text: var(--ivory);
  --color-text-muted: var(--obsidiana-200);
  --color-text-faint: var(--obsidiana-300);
  --color-primary: var(--copper);
  --color-primary-hover: var(--copper-400);
  --color-accent: var(--copper-300);
  --color-success: #1F8A5B;

  /* Tipografía: Geist para todo, Geist Mono sólo para datos técnicos */
  --font-sans: "Geist", system-ui, sans-serif;
  --font-mono: "Geist Mono", ui-monospace, monospace;
  --text-xs: 0.75rem;
  --text-sm: 0.875rem;
  --text-base: 1rem;
  --text-lg: 1.125rem;
  --text-xl: 1.25rem;
  --display: clamp(3rem, 7.4vw, 7.25rem);
  --statement: clamp(2.25rem, 4.6vw, 4.5rem);

  /* Espacio y forma */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-6: 24px;
  --space-8: 32px;
  --space-12: 48px;
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 18px;
  --radius-full: 9999px;

  /* Movimiento */
  --ease: cubic-bezier(0.2, 0, 0, 1);
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);

  /* Sombras */
  --shadow-cta: inset 0 1px 0 rgba(255,255,255,.20), 0 1px 0 rgba(0,0,0,.18), 0 0 0 1px rgba(122,63,14,.30), 0 10px 30px -10px rgba(201,106,27,.55);
}