/* C · A palette + B forms/fonts
   Colors = Calm Ledger · Type/radius/chrome = Freedom Broker */

html[data-variant="c"] {
  /* Fonts from B */
  --font-display: "Inter", "Segoe UI", system-ui, sans-serif;
  --font-body: "Inter", "Segoe UI", system-ui, sans-serif;
  --font-mono: "IBM Plex Mono", ui-monospace, monospace;

  /* Palette from A */
  --paper: #F3EFE6;
  --card: #FFFCF7;
  --card-2: #F7F2E8;
  --sunken: #EAE4D8;
  --ink: #1C1914;
  --muted: #6B6458;
  --line: rgba(28, 25, 20, 0.12);
  --line-soft: rgba(28, 25, 20, 0.07);

  --accent: #2F6B4F;
  --accent-ink: #F7FBF8;
  --accent-soft: rgba(47, 107, 79, 0.12);
  --accent-muted: #D8E5DC;

  --warn: #9A6232;
  --warn-bg: rgba(154, 98, 50, 0.12);
  --danger: #B23A32;
  --danger-soft: rgba(178, 58, 50, 0.18);
  --info: #3D6A8A;

  --stage-bg:
    radial-gradient(ellipse 70% 40% at 80% 0%, rgba(47, 107, 79, 0.08), transparent 50%),
    #E8E2D6;
  --devtools-bg: #FFFCF7;
  --phone-edge: rgba(28, 25, 20, 0.18);
  --phone-shadow: 0 28px 70px rgba(40, 32, 18, 0.22);

  --surf-nav: rgba(255, 252, 247, 0.96);
  --surf-sheet: #FFFCF7;
  --nav-muted: #6B6458;
  --nav-on-bg: transparent;

  --badge-bg: rgba(28, 25, 20, 0.06);
  --live-bg: #B23A32;
  --live-ink: #fff;
  --input-bg: #EAE4D8;
  --chip-bg: #F7F2E8;

  --hero-bg: #FFFCF7;
  --hero-border: transparent;
  --hero-live-bg: #FFF5F3;
  --hero-live-border: rgba(178, 58, 50, 0.28);

  --card-primary-bg: #FFFCF7;
  --card-primary-border: transparent;
  --levels-bg: #FFF9F2;
  --levels-border: transparent;
  --levels-kicker: #9A6232;
  --urgent-bg: #FFF1EE;
  --urgent-border: rgba(178, 58, 50, 0.35);
  --mentor-chip-bg: #E4DCCE;
  --row-hover: rgba(28, 25, 20, 0.04);
  --ico-bg: #D8E5DC;

  --verdict-ink: #2F6B4F;
  --verdict-bg: rgba(47, 107, 79, 0.12);

  --tone-green: #2F6B4F;
  --tone-green-bg: #D8E5DC;
  --tone-blue: #3D6A8A;
  --tone-blue-bg: #D8E5DC;
  --tone-teal: #2A6B6B;
  --tone-teal-bg: #D8E5DC;
  --tone-yellow: #9A6232;
  --tone-yellow-bg: #D8E5DC;
  --tone-red: #B23A32;
  --tone-red-bg: #D8E5DC;
  --tone-purple: #6B5078;
  --tone-purple-bg: #D8E5DC;
  --tone-pink: #8A4A5C;
  --tone-pink-bg: #D8E5DC;

  --toast-bg: #1C1914;
  --toast-ink: #F3EFE6;
  --elev-2: 0 12px 32px rgba(40, 32, 18, 0.16);
  --focus-ring: 0 0 0 2px var(--paper), 0 0 0 4px rgba(47, 107, 79, 0.55);

  --pad-x: 16px;
  /* Radii from B */
  --r-sm: 10px;
  --r-md: 12px;
  --r-lg: 14px;
  --r-xl: 16px;
}