/* KOA Console design tokens — teal/green palette */
:root {
  /* Brand: low-saturation green gray */
  --brand: #2d5148;
  --brand-strong: #203b34;
  --brand-soft: #e6ece8;
  --accent: #2d5148;
  --accent-strong: #203b34;
  --accent-soft: #eef2ee;
  --cta: #2d5148;
  --cta-strong: #203b34;

  /* Neutrals */
  --text: #141a17;
  --muted: #68736d;
  --surface: #f5f5ef;
  --surface-strong: #eceee8;
  --panel: #fffefa;
  --line: #ddded6;
  --line-strong: #c5cbc2;
  --header: #f0f1eb;

  /* Status (high-contrast text on soft backgrounds) */
  --success-soft: #d7f2e2;
  --success-ink: #116a45;
  --success-line: #9dd6b4;
  --warn-soft: #fdeccb;
  --warn-ink: #7a4b00;
  --warn-line: #e6c68a;
  --danger-soft: #fde0dc;
  --danger-ink: #8a1d1a;
  --danger-line: #eab3b0;
  --info-soft: #d9ecf5;
  --info-ink: #0f5573;
  --info-line: #a8cee0;

  /* Calendar: kept aligned with Excel output */
  --sat: #DDEBF7;
  --sun: #FCE4D6;
  --preview: #fff4d6;

  /* Typography scale */
  --fs-xs: 11px;
  --fs-sm: 12px;
  --fs-md: 14px;
  --fs-lg: 17px;
  --fs-xl: 22px;
  --fs-hero: 32px;
  --lh-tight: 1.25;
  --lh-body: 1.55;

  /* Radius & elevation */
  --r-sm: 10px;
  --r-md: 14px;
  --r-lg: 20px;
  --r-xl: 24px;
  --shadow-sm: 0 8px 24px rgba(27, 38, 33, 0.05);
  --shadow-md: 0 18px 46px rgba(27, 38, 33, 0.07);
  --shadow-hero: 0 24px 44px rgba(27, 38, 33, 0.12);

  /* Controls */
  --control-height: 40px;
  --control-height-compact: 32px;
  --control-height-large: 52px;
  --control-radius: 10px;
  --control-px: 12px;
  --control-px-wide: 14px;

  /* Layout */
  --day-cell-width: 84px;
}