/*
 * GroupPilot design tokens — theme "Calm".
 * Source: design_handoff_grouppilot_v2/README.md and t2.jsx (T2B), 1:1.
 * Deviations (contrast, WCAG 2.1 AA) are marked and documented in
 * .handoffs/03-design/redesign-v2-screens.md §1.3.
 * This is the only file with color and size literals; a later Night theme
 * redefines the same custom properties.
 */
:root {
  /* Colors */
  --gp-bg: #F4F1EB;
  --gp-surface: #FFFFFF;
  --gp-sunken: #EBE7DF;
  --gp-line: rgba(21, 18, 14, .08);
  --gp-line2: rgba(21, 18, 14, .16);
  --gp-ink: #15120E;
  --gp-ink2: rgba(21, 18, 14, .66);
  --gp-ink3: rgba(21, 18, 14, .60);           /* D-C1: handoff .46 */
  --gp-primary: #15120E;
  --gp-on-primary: #FFFFFF;
  --gp-accent: #E2571A;                        /* signal only: dots, lines, logo, borders */
  --gp-accent-ink: #B5420F;                    /* D-C2: accent-colored text */
  --gp-accent-soft: rgba(226, 87, 26, .11);
  --gp-good: #1E7A4C;
  --gp-warn: #965700;                          /* D-C3: handoff #A86200 */
  --gp-bad: #B3321E;
  --gp-present-row: rgba(21, 18, 14, .035);
  --gp-dock: rgba(244, 241, 235, .88);
  --gp-scrim: rgba(21, 18, 14, .34);
  --gp-shadow: 0 1px 2px rgba(21, 18, 14, .06), 0 8px 24px rgba(21, 18, 14, .06);
  --gp-control-border: rgba(21, 18, 14, .46);  /* D-C4: empty check circle, switch-off track */
  --gp-seg-shadow: 0 1px 2px rgba(0, 0, 0, .08);
  --gp-sheet-shadow: 0 -10px 40px rgba(0, 0, 0, .12);
  --gp-knob-shadow: 0 1px 3px rgba(0, 0, 0, .2);

  /* Belts */
  --gp-belt-weiss: #F1EEE8;
  --gp-belt-gelb: #E9C23B;
  --gp-belt-orange: #E47F2E;
  --gp-belt-gruen: #3D9459;
  --gp-belt-blau: #356CC0;
  --gp-belt-braun: #7A5236;
  --gp-belt-schwarz: #161310;

  /* Typography */
  --gp-font: "Geist", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;

  /* Radii */
  --gp-r-sheet: 28px;
  --gp-r-hero: 26px;
  --gp-r-card-lg: 22px;
  --gp-r-card: 20px;
  --gp-r-card-desk: 18px;
  --gp-r-card-desk-sm: 14px;
  --gp-r-btn: 16px;
  --gp-r-control: 14px;
  --gp-r-seg: 12px;
  --gp-r-seg-inner: 9px;
  --gp-r-btn-desk: 10px;
  --gp-r-tally: 3px;

  /* Layout */
  --gp-page-x: 20px;
  --gp-hero-x: 12px;
  --gp-nav-x: 16px;
  --gp-sidebar-w: 224px;
  --gp-tabbar-h: 84px;
  --gp-content-narrow: 640px;
}