/* Dark theme — maps to current create.ax palette */

[data-theme="dark"] {
  --app-background:      230 20% 5%;      /* #0c0c0e */
  --app-background-alt:  230 14% 8%;      /* #131316 */
  --app-card:            230 12% 11%;     /* #1a1a1f */
  --app-card-hover:      230 10% 16%;     /* #28282f */
  --app-foreground:      240 10% 92%;     /* #e8e8ec */
  --app-foreground-muted: 240 8% 45%;    /* #6b6b78 */
  --app-border:          240 10% 18%;     /* #2a2a32 */
  --app-primary:         44 92% 62%;      /* #f6c944 — gold accent */
  --app-success:         160 63% 51%;     /* #34d399 */
  --app-warning:         44 92% 62%;      /* same as primary for create.ax */
  --app-destructive:     0 92% 68%;       /* #f87171 */
}

/* Default to dark theme when no data-theme set */
:root {
  --app-background:      230 20% 5%;
  --app-background-alt:  230 14% 8%;
  --app-card:            230 12% 11%;
  --app-card-hover:      230 10% 16%;
  --app-foreground:      240 10% 92%;
  --app-foreground-muted: 240 8% 45%;
  --app-border:          240 10% 18%;
  --app-primary:         44 92% 62%;
  --app-success:         160 63% 51%;
  --app-warning:         44 92% 62%;
  --app-destructive:     0 92% 68%;
}