/* Sunday brand proposal, 2 October 2026.
   Digital colour proposals, not measured or Pantone matches.
   DM Sans is SIL OFL 1.1. Retain the included licence.
   Product capabilities and privacy policy need launch validation. */
:root {
  --sunday-yellow: #FFE23F;
  --sunday-charcoal: #222321;
  --sunday-canvas: #FAFBF7;
  --sunday-sky: #E2EEF8;
  --sunday-leaf: #E5ECD7;
  --sunday-white: #FFFFFF;

  --page: var(--sunday-canvas);
  --text: var(--sunday-charcoal);
  --surface-primary: var(--sunday-yellow);
  --surface-secondary: var(--sunday-leaf);
  --surface-calm: var(--sunday-sky);
  --link: var(--sunday-charcoal);
  --assistant-bubble: var(--sunday-white);
  --completion-bubble: var(--sunday-yellow);
  --assistant-ink: var(--sunday-charcoal);
  --human-bubble: var(--sunday-sky);
  --human-ink: var(--sunday-charcoal);
  --done: var(--sunday-charcoal);
  --button: var(--sunday-charcoal);
  --button-ink: var(--sunday-canvas);

  --font-display: 'DM Sans', Arial, sans-serif;
  --font-body: 'DM Sans', Arial, sans-serif;
  --weight-display: 600;
  --weight-wordmark: 600;
  --weight-body: 400;
  --weight-label: 500;
  --weight-control: 600;
  --hero: clamp(56px, 5.25vw, 84px);
  --hero-mobile: clamp(42px, 8vw, 60px);
  --hero-leading: 1.08;
  --hero-tracking: -.035em;
  --heading: clamp(36px, 4.2vw, 56px);
  --heading-mobile: clamp(32px, 6vw, 40px);
  --heading-leading: 1.14;
  --heading-tracking: -.025em;
  --lede: clamp(18px, 2vw, 20px);
  --body: 17px;
  --dense-message: 14px;
  --body-leading: 1.5;
  --label: 13px;
  --label-leading: 1.3;
  --label-tracking: .02em;

  --radius-card: 24px;
  --radius-page: 24px;
  --radius-message: 15px;
  --radius-chip: 12px;
  --radius-pill: 999px;
  --button-height: 52px;
  --touch-target-min: 48px;
  --content-max: 1296px; /* Includes 40 px gutters: 1216 px usable */
  --gutter-desktop: 40px;
  --gutter-mobile: 20px;
  --tab-font: 14px;
  --tab-height-min: 44px;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;
  --space-9: 96px;
  --floating-message-shadow: 0 8px 24px rgb(34 35 33 / .08);
}