/* Autoura design tokens — direction C "Sunrise coral". Fonts: Alexandria (AR + Latin). */
@import url("https://fonts.googleapis.com/css2?family=Alexandria:wght@400;500;600&display=swap");

:root {
  --font-sans: "Alexandria", system-ui, sans-serif;

  /* Brand */
  --coral-500: #FF5A4E;   /* brand display, fills with dark text (5.68:1 on ink) */
  --coral-600: #D93A26;   /* buttons with white text (4.58:1, WCAG AA) */
  --coral-100: #FFE4DF;
  --amber-500: #F59E0B;   /* accent / highlights, dark text only */
  --amber-100: #FEF3C7;
  --ink-900:   #1C1917;
  --ink-600:   #57534E;
  --ink-400:   #A8A29E;
  --cream-50:  #FFF7ED;

  /* Semantic */
  --success: #16A34A;
  --warning: #D97706;
  --danger:  #DC2626;
  --info:    #2563EB;

  /* Purpose (light) */
  --bg:            var(--cream-50);
  --surface:       #FFFFFF;
  --border:        #EDE6DD;
  --text:          var(--ink-900);
  --text-muted:    var(--ink-600);
  --primary:       var(--coral-600);
  --primary-hover: #C8341F;
  --on-primary:    #FFFFFF;
  --accent:        var(--amber-500);

  --radius-sm: 8px;
  --radius:    12px;
  --radius-lg: 20px;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --bg: #0F0D0C; --surface: #1C1917; --border: #2E2A27;
    --text: #FFF7ED; --text-muted: #A8A29E;
    --primary: var(--coral-500); --primary-hover: #FF7A70; --on-primary: #1C1917;
  }
}
:root[data-theme="dark"] {
  --bg: #0F0D0C; --surface: #1C1917; --border: #2E2A27;
  --text: #FFF7ED; --text-muted: #A8A29E;
  --primary: var(--coral-500); --primary-hover: #FF7A70; --on-primary: #1C1917;
}