/**
 * Romain Garden semantic color tokens.
 * Light values are the default. Dark values apply under native dark mode
 * (`prefers-color-scheme: dark`).
 *
 * @example
 * import "romain-garden-ds/tokens.css";
 */

:root {
  color-scheme: light dark;

  --rgn-background-z0: #edebe7;
  --rgn-background-z1: #fcf9f2;
  --rgn-background-overlay: rgba(35, 31, 23, 0.6);
  --rgn-foreground-primary: #231f17;
  --rgn-foreground-secondary: #605d56;
  --rgn-foreground-on-brand: #231f17;
  --rgn-brand-accent: #eb9c00;
  --rgn-border-default: #e1ddd6;
}

@media (prefers-color-scheme: dark) {
  :root {
    --rgn-background-z0: #1f1e1b;
    --rgn-background-z1: #2d2c2a;
    --rgn-background-overlay: rgba(35, 31, 23, 0.85);
    --rgn-foreground-primary: #fcf9f2;
    --rgn-foreground-secondary: #c2bbad;
    --rgn-foreground-on-brand: #231f17;
    --rgn-brand-accent: #eb9c00;
    --rgn-border-default: #45433f;
  }
}