/* TASK-108: mantener idéntico a css/theme-tokens.css de la PWA.
   Archivo autónomo por aplicación: no requiere copia ni generación al desplegar. */
:root {
  color-scheme: light;
  --primary: #F2843C;
  --primary-soft: #FDEBDD;
  --primary-text: #A34C16;
  --on-primary: #122019;
  --surface: #FBFAF7;
  --background: #F5F6F1;
  --text: #122019;
  --text-muted: #5B6B63;
  --border: #DDE3DC;
  --danger: #AC352C;
  --danger-soft: #F7DAD7;
  --danger-solid: #A82E26;
  --on-danger: #FFFFFF;
  --success: #0E6B5C;
  --success-soft: #DFF0EB;
  --on-success: #FFFFFF;
  --warning: #7A5E16;
  --warning-soft: #F5EBCF;
  --contact: #176B3D;
  --contact-hover: #125331;
  --on-contact: #FFFFFF;
  --inverse: #FFFFFF;
  --overlay: #00000088;
  --overlay-soft: #00000055;
  --overlay-strong: #00000099;
  --shadow-color: #00000033;
  --shadow-subtle: #00000022;
  --shadow: 0 20px 40px rgba(18, 32, 25, .12);
  --radius-focus: 4px;
  --radius-control: 8px;
  --radius-button: 10px;
  --radius-card: 14px;
  --radius-panel: 18px;
  --radius-pill: 9999px;
  --font-body: 'Inter', system-ui, sans-serif;
  --font-heading: 'Space Grotesk', 'Inter', sans-serif;
  --font-mono: 'JetBrains Mono', monospace;
  --font-size-base: 16px;
  --line-height-base: 1.5;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme='light']) {
    color-scheme: dark;
    --surface: #182019;
    --background: #101613;
    --text: #EDEFEA;
    --text-muted: #9CA79E;
    --border: #2A332C;
    --primary-soft: #3A2A1B;
    --primary-text: #F2843C;
    --danger: #FFB4AB;
    --danger-soft: #3A1E1B;
    --success: #83D1B4;
    --success-soft: #16302A;
    --on-success: #122019;
    --warning: #E5C76B;
    --warning-soft: #332B12;
    --inverse: #101613;
    --shadow: 0 20px 40px rgba(0, 0, 0, .4);
  }
}
:root[data-theme='dark'] {
  color-scheme: dark;
  --surface: #182019;
  --background: #101613;
  --text: #EDEFEA;
  --text-muted: #9CA79E;
  --border: #2A332C;
  --primary-soft: #3A2A1B;
  --primary-text: #F2843C;
  --danger: #FFB4AB;
  --danger-soft: #3A1E1B;
  --success: #83D1B4;
  --success-soft: #16302A;
  --on-success: #122019;
  --warning: #E5C76B;
  --warning-soft: #332B12;
  --inverse: #101613;
  --shadow: 0 20px 40px rgba(0, 0, 0, .4);
}