/* CEO Spring Break — color tokens */
:root {
  /* Base palette (Brand Guidelines p.12) */
  --csb-golden: #FFBF0F;
  --csb-persimmon: #F25924;
  --csb-tan: #E8E0D9;
  --csb-tan-light: #F2F0EB;
  --csb-sky-blue: #B5E3ED;
  --csb-forest: #24423D;
  --csb-teal: #0AC2D6;
  --csb-white: #FFFFFF;

  /* Semantic aliases */
  /* 85% colors: sky blue, teal, tan, golden — large background fields.
     15% colors: forest + persimmon — text and accents only. */
  --surface-page: var(--csb-tan-light);
  --surface-card: var(--csb-white);
  --surface-tint: var(--csb-tan);
  --surface-cool: var(--csb-sky-blue);
  --surface-bright: var(--csb-teal);
  --surface-sunny: var(--csb-golden);
  --surface-dark: var(--csb-forest);

  --text-heading: var(--csb-forest);
  --text-body: var(--csb-forest);
  --text-on-dark: var(--csb-tan-light);
  --text-accent: var(--csb-persimmon);

  --accent-primary: var(--csb-persimmon);
  --accent-secondary: var(--csb-golden);

  --border-subtle: rgba(36, 66, 61, 0.16);
  --focus-ring: var(--csb-teal);
}