/* Dramaly brand tokens. UI text must use accessible foreground/background pairs. */
:root {
  --dramaly-midnight: #0D143D;
  --dramaly-violet: #6025FF;
  --dramaly-coral: #FF7168;
  --dramaly-paper: #FAFAFC;
  --dramaly-white: #FFFFFF;
  --color-background: var(--dramaly-paper);
  --color-text: var(--dramaly-midnight);
  --color-action: var(--dramaly-violet);
  --color-on-action: var(--dramaly-white);
  --font-ui: "Be Vietnam Pro", "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, sans-serif;
  --font-display: "Montserrat", "Be Vietnam Pro", sans-serif;
  --dramaly-font-sans: "Be Vietnam Pro", "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, sans-serif;
  --dramaly-font-display: "Montserrat", "Be Vietnam Pro", sans-serif;
  --dramaly-font-num: "Plus Jakarta Sans", "Be Vietnam Pro", sans-serif;
}
[data-theme="dark"] {
  --color-background: var(--dramaly-midnight);
  --color-text: var(--dramaly-white);
}