/* Brand tokens: change this file to explore a new visual direction. */
:root {
  color-scheme: light;
  --color-background: #ffffff;
  --color-surface: #ffffff;
  --color-surface-secondary: #f5f6fa;
  --color-ink: #191b23;
  --color-muted: #6b7280;
  /* Slightly darker for accessible normal text on cool-gray surfaces. */
  --color-muted-on-soft: #646b78;
  --color-accent: #ffd400;
  --color-accent-hover: #edc500;
  --color-accent-soft: var(--color-surface-secondary);
  --color-secondary: #3b5bdb;
  --color-on-accent: var(--color-ink);
  --color-link: var(--color-ink);
  --color-link-hover: #2f4fc7;
  --color-focus: var(--color-secondary);
  --color-border: #e1e4ec;
  --color-success: #187144;
  --color-warning: #835300;
  --color-error: #be2433;
  --shadow-card: 0 16px 40px rgb(25 27 35 / 7%);
  --font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-display: var(--font-body);
  --radius-card: 20px;
  --radius-button: 12px;
  --content-width: 1120px;
}