:root {
  /* Colors */
  --background: #FFFFFF;
  --foreground: #171717;
  --muted: #F4F4F2;
  --muted-foreground: #737373;
  --border: #E5E5E5;
  /* Needs-you accent — monochrome per brand manual (Jul 11): ink + a 3% ink
     wash ("Whisper"). Variable names kept as iris-* to avoid a cross-file
     rename; the iris hue itself is retired. */
  --iris-9: #171717;
  --iris-11: #171717;
  --iris-3: rgba(23, 23, 23, 0.03);
  --accent-border: rgba(23, 23, 23, 0.14);
  --amber-9: #FFC53D;
  --amber-11: #AB6400;
  --amber-3: #FFF7C2;
  --slate-9: #8B8D98;
  --slate-11: #60646C;
  --slate-3: #F0F0F3;
  /* Calendar-source colors (decision 43B): Kredi Calendar is blue, Company
     Holidays purple — iris stays reserved for needs-you across the product. */
  --blue-9: #0090FF;
  --blue-11: #0D74CE;
  --blue-3: #E6F4FE;
  --purple-9: #8E4EC6;
  --purple-11: #8145B5;
  --purple-3: #F7EDFE;
  --green-3: #E9F9EE;
  --green-11: #218358;
  --red-9: #DC2626;
  --red-3: #FEEBEC;
  --page-bg: #FAFAF9;

  /* Radii */
  --r-control: 6px;
  --r-card: 12px;
  --r-pill: 999px;

  /* Fonts */
  --font-sans: "Bricolage Grotesque", -apple-system, BlinkMacSystemFont, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, monospace;
}

* { box-sizing: border-box; }

body {
  margin: 0;
  font-family: var(--font-sans);
  color: var(--foreground);
  background: var(--background);
}

/* Type ramp */
.t-page-title { font: 600 24px/1.3 var(--font-sans); }
.t-panel-title { font: 600 16px/1.3 var(--font-sans); }
.t-row-title { font: 600 14px/1.3 var(--font-sans); }
.t-body { font: 400 13px/1.5 var(--font-sans); }
.t-body-em { font: 500 13px/1.5 var(--font-sans); }
.t-secondary { font: 400 12px/1.4 var(--font-sans); color: var(--muted-foreground); }
.t-label { font: 500 12px/1.4 var(--font-sans); }
.t-section {
  font: 500 11px/1.4 var(--font-sans);
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: var(--muted-foreground);
}
.t-mono { font: 400 11px/1.4 var(--font-mono); }