:root{
  /* Brand and actions */
  --accent:#7000bd;
  --accent-hover:#a31aff;
  --accent-active:#58008d;
  --accent-soft:#ede9fe;
  --highlight:#cc4e00;
  --highlight-hover:#a83d00;
  --highlight-strong:#f16b08;
  --highlight-soft:#ffe6cd;

  /* Surfaces */
  --header-bg:#111114;
  --bg:#f6f6f6;
  --panel:#ffffff;
  --panel-soft:#fbfbfb;

  /* Text */
  --text:#262626;
  --muted:#434343;
  --muted-soft:#9d9d9d;
  --muted-mid:#6b6b6b;

  /* Lines */
  --line:#e9e9e9;
  --line-strong:#c4c4c4;

  /* Semantic */
  --success:#16a34a;
  --success-soft:#dcfce7;
  --success-text:#166534;
  --warning:#d97706;
  --warning-soft:#fef3c7;
  --warning-text:#92400e;
  --danger:#dc2626;
  --danger-soft:#fee2e2;
  --danger-text:#991b1b;
  --corp-soft:#ede9fe;
  --corp-text:#5b21b6;

  /* Shape and depth */
  --radius-sm:7px;
  --radius-control:8px;
  --radius-panel:12px;
  --radius-pill:999px;
  --shadow-panel:0 18px 36px rgba(38,38,38,.06);
  --shadow-popup:0 8px 28px rgba(0,0,0,.16);
  --shadow:var(--shadow-panel);
  --radius:12px;

  /* Layout */
  --header-height:76px;
  --content-max:1400px;
  --font:"TKE Type", Arial, Helvetica, sans-serif;

  --font-display:var(--font);
  --font-body:var(--font);
  --fs-h1:clamp(2.5rem, 4vw, 3.25rem);
  --fs-h2:clamp(2rem, 3.2vw, 2.625rem);
  --fs-h3:clamp(1.625rem, 2.6vw, 2.125rem);
  --fs-h4:clamp(1.375rem, 2.1vw, 1.625rem);
  --fs-h5:1.25rem;
  --fs-stage:1.375rem;
  --fs-copy-lg:1.125rem;
  --fs-copy:1rem;
  --fs-copy-sm:.875rem;
  --fs-label:.75rem;
  --lh-tight:1.08;
  --lh-heading:1.15;
  --lh-body:1.5;
}