/* Rack Sheet tokens — sync with ReasonableAudioWebsite/css/tailwind-input.css */

:root {
  color-scheme: light;

  /* Core palette (--ra-* aliases for Material overrides) */
  --ra-background: #F4F1E8;
  --ra-on-background: #2A2723;
  --ra-on-surface-variant: #5B554C;
  --ra-primary: #6F8FAF;
  --ra-primary-container: #DCE5EF;
  --ra-on-primary-container: #1B2530;
  --ra-secondary: #C0A583;
  --ra-surface-container-low: #F8F6EF;
  --ra-surface-container-lowest: #FBF9F3;
  --ra-outline: #8B8478;
  --ra-outline-variant: #DFD8C8;
  --ra-link: #6F8FAF;
  --ra-link-hover: #5A7A96;

  /* Sheet construction */
  --rule-heavy: #2A2723;
  --rule-hair: #DFD8C8;
  --sheet-ink: #2A2723;
  --sheet-paper: #FBF9F3;
  --figure-bg: #E6E0D2;
  --figure-shadow: inset 0 2px 6px rgba(58, 50, 38, 0.32);

  /* Typography scale */
  --ra-body-md: 1rem;
  --ra-body-lg: 1.125rem;
  --ra-headline-md: 1.5rem;
  --ra-headline-sm: 1.25rem;
  --ra-display-lg: 3rem;
  --ra-label-technical: 0.6875rem;
}

:root.dark {
  color-scheme: dark;

  --ra-background: #302D28;
  --ra-on-background: #F4F1E8;
  --ra-on-surface-variant: #B6AFA4;
  --ra-primary: #9FBBD4;
  --ra-primary-container: #3A4C5E;
  --ra-on-primary-container: #D9E7F3;
  --ra-secondary: #D4BC98;
  --ra-surface-container-low: #34312B;
  --ra-surface-container-lowest: #24221E;
  --ra-outline: #8B8478;
  --ra-outline-variant: #46413A;
  --ra-link: #9FBBD4;
  --ra-link-hover: #B8CDE0;

  --rule-heavy: #E5E0D7;
  --rule-hair: #46413A;
  --sheet-ink: #F4F1E8;
  --sheet-paper: #363330;
  --figure-bg: #24221E;
  --figure-shadow: inset 0 2px 7px rgba(0, 0, 0, 0.6);
}