/* ClearShow by White Label — colour tokens v1.0.0, 2026-10-29. */
/* All app surfaces are light. See contrast-report.txt before adding colour pairs. */
:root {
  /* Primary button fill, checked control fill, primary text emphasis. */
  --cs-action: #1A1A1A;
  /* Primary button hover and pressed fill; use on-action text. */
  --cs-action-hover: #33372F;
  /* Text and icons on action, action-hover, danger and danger-hover fills only. */
  --cs-on-action: #FFFFFF;
  /* Inline links, focus indicators and informational accents; underline inline links. */
  --cs-accent: #284BD6;
  /* Primary text and high-emphasis icons on the sanctioned light surfaces. */
  --cs-text: #1A1A1A;
  /* Secondary text, help, placeholders and disabled labels. Always opacity: 1. */
  --cs-text-secondary: #666962;
  /* Main page canvas. */
  --cs-page: #F6F7F3;
  /* Cards, navigation and input interiors. */
  --cs-surface: #FFFFFF;
  /* Table headers/hover, neutral tags, read-only and disabled control surfaces. */
  --cs-surface-subtle: #EEF0E9;
  /* Meaningful field and control boundaries and neutral outline icons. Not a text colour. */
  --cs-border: #767D70;
  /* Decorative card/table separators only; not fields, control outlines or meaningful icons. */
  --cs-divider: #D8DDD1;
  /* Decorative brand fill. Ink text is allowed on it; never use as text/icon colour on white. */
  --cs-brand-lime: #88BD29;
  /* Success text, tick icons and meaningful green markers. */
  --cs-success: #356216;
  /* Pale success banner or status-tag fill. */
  --cs-success-bg: #EDF5E7;
  /* Warning text and icons. */
  --cs-warning: #77520A;
  /* Pale warning banner or status-tag fill. */
  --cs-warning-bg: #FFF4D8;
  /* Error text, error field borders, destructive button fill and danger icons. */
  --cs-danger: #B42318;
  /* Pale error banner, error field or danger-tag fill. */
  --cs-danger-bg: #FDEDEC;
  /* Destructive button hover and pressed fill; use on-action text. */
  --cs-danger-hover: #8F1C13;
  /* Informational banner/tag text and icons; alias of accent. */
  --cs-info: #284BD6;
  /* Pale informational banner or status-tag fill. */
  --cs-info-bg: #EEF1FD;
  /* Selected side-navigation row and current agenda-session fill. */
  --cs-nav-selected-bg: #EEF3E7;
  /* Selected navigation label; combine with a marker and aria-current. */
  --cs-nav-selected-text: #1A1A1A;
  /* Selected navigation bar/outline icon; never rely on fill alone. */
  --cs-nav-selected-marker: #356216;
  /* 2px outer focus ring; alias of accent. */
  --cs-focus: #284BD6;
  /* 2px white gap inside the focus ring; separates it from dark button fills. */
  --cs-focus-gap: #FFFFFF;
}