/* GENERATED by design-system/build.mjs from tokens/*.tokens.json — do not edit by hand. */
:root {
  --color-cream: #FBF7F4;
  --color-cream-deep: #F3ECE5;
  --color-white: #FFFFFF;
  --color-black-plum: #2A1937;
  --color-grey: #5A5660;
  --color-coral-100: #FDE8E4;
  --color-coral-300: #F5816B;
  --color-coral-500: #F06449;
  --color-coral-700: #B8412A;
  --color-teal-100: #E0F0EE;
  --color-teal-500: #2A9D8F;
  --color-teal-700: #1D7268;
  --color-amber-500: #E8A838;
  --color-stone-300: #C8BFB8;
  --color-alpha-ink-10: color-mix(in srgb, var(--color-black-plum) 10%, transparent);
  --color-alpha-ink-12: color-mix(in srgb, var(--color-black-plum) 12%, transparent);
  --color-alpha-ink-16: color-mix(in srgb, var(--color-black-plum) 16%, transparent);
  --color-alpha-ink-20: color-mix(in srgb, var(--color-black-plum) 20%, transparent);
  --color-alpha-ink-32: color-mix(in srgb, var(--color-black-plum) 32%, transparent);
  --color-alpha-ink-45: color-mix(in srgb, var(--color-black-plum) 45%, transparent);
  --color-alpha-ink-06: color-mix(in srgb, var(--color-black-plum) 6%, transparent);
  --color-alpha-ink-08: color-mix(in srgb, var(--color-black-plum) 8%, transparent);
  --color-alpha-paper-10: rgba(255,255,255,0.10);
  --color-alpha-paper-22: rgba(255,255,255,0.22);
  --color-alpha-paper-32: rgba(255,255,255,0.32);
  --color-alpha-paper-60: rgba(255,255,255,0.60);
  --color-alpha-paper-85: rgba(255,255,255,0.85);
  --color-alpha-coral-28: color-mix(in srgb, var(--color-coral-500) 28%, transparent);
  --color-alpha-coral-36: color-mix(in srgb, var(--color-coral-500) 36%, transparent);
  --color-alpha-coral-38: color-mix(in srgb, var(--color-coral-500) 38%, transparent);
  --color-alpha-accent-16: color-mix(in srgb, var(--color-coral-700) 16%, transparent);
  --color-red-100: #FDECEA;
  --color-red-700: #B42318;
  --color-green-100: #E6F1E8;
  --color-green-500: #4F9A62;
  --color-green-700: #35693F;
  --color-ochre-100: #FDF3E0;
  --color-ochre-700: #8A5A00;
  --color-slate-100: #E8EEF5;
  --color-slate-700: #3B5B82;
  --color-sage-100: #E8EFE4;
  --color-sage-700: #4A6B3F;
  --color-brick-100: #F4EAE7;
  --color-brick-700: #9A3324;
  --font-family-brand: Onest, system-ui, sans-serif;
  --font-family-glyphs: system-ui, sans-serif;
  --font-family-mono: ui-monospace, 'SF Mono', SFMono-Regular, Menlo, Consolas, monospace;
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
  --font-weight-black: 800;
  --font-size-11: 11px;
  --font-size-12: 12px;
  --font-size-14: 14px;
  --font-size-16: 16px;
  --font-size-17: 17px;
  --font-size-18: 18px;
  --font-size-20: 20px;
  --font-size-24: 24px;
  --font-size-32: 32px;
  --font-size-44: 44px;
  --font-size-48: 48px;
  --font-size-56: 56px;
  --font-size-76: 76px;
  --font-size-fluid-display: clamp(52px, 6vw, 76px);
  --font-size-fluid-h1: clamp(40px, 4.4vw, 56px);
  --font-size-fluid-h1-interior: clamp(34px, 3.6vw, 48px);
  --font-size-fluid-h2: clamp(32px, 3.4vw, 44px);
  --font-size-fluid-h3: clamp(24px, 2.6vw, 32px);
  --font-lineHeight-tight: 1.05;
  --font-lineHeight-snug: 1.2;
  --font-lineHeight-ui: 1.45;
  --font-lineHeight-body: 1.6;
  --font-tracking-display: -0.04em;
  --font-tracking-heading: -0.03em;
  --font-tracking-title: -0.02em;
  --font-tracking-none: 0em;
  --font-tracking-caps: 0.1em;
  --space-0: 0px;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-7: 28px;
  --space-8: 32px;
  --space-10: 40px;
  --space-12: 48px;
  --space-14: 56px;
  --space-16: 64px;
  --space-18: 72px;
  --space-22: 88px;
  --space-30: 120px;
  --radius-2: 2px;
  --radius-8: 8px;
  --radius-12: 12px;
  --radius-16: 16px;
  --radius-20: 20px;
  --radius-full: 999px;
  --radius-half: 50%;
  --image-ratio-landscape: 16 / 9;
  --image-ratio-portrait: 4 / 5;
  --image-ratio-square: 1 / 1;
  --image-grade: saturate(0.94) contrast(1.02);
  --border-width-hairline: 1px;
  --border-width-focus: 2px;
  --border-width-accent: 4px;
  --duration-fast: 150ms;
  --duration-base: 240ms;
  --duration-slow: 450ms;
  --duration-reveal: 600ms;
  --easing-standard: cubic-bezier(0.25, 0.1, 0.25, 1);
  --easing-out: cubic-bezier(0.16, 1, 0.3, 1);
  --breakpoint-phone: 440px;
  --breakpoint-tablet: 768px;
  --breakpoint-laptop: 960px;
  --color-bg-page: var(--color-cream);
  --color-bg-library: var(--color-cream-deep);
  --color-bg-surface: var(--color-white);
  --color-bg-sunken: var(--color-alpha-ink-06);
  --color-bg-inverse: var(--color-black-plum);
  --color-bg-placeholder: var(--color-stone-300);
  --color-bg-expressive: var(--color-amber-500);
  --color-text-primary: var(--color-black-plum);
  --color-text-secondary: var(--color-grey);
  --color-text-accent: var(--color-coral-700);
  --color-text-inverse: var(--color-white);
  --color-text-inverse-muted: var(--color-alpha-paper-60);
  --color-text-inverse-secondary: var(--color-alpha-paper-85);
  --color-text-accent-on-dark: var(--color-coral-300);
  --color-action-primary: var(--color-coral-500);
  --color-action-primary-hover: var(--color-coral-700);
  --color-action-focus: var(--color-coral-700);
  --color-action-focus-on-dark: var(--color-coral-300);
  --color-border-subtle: var(--color-alpha-ink-08);
  --color-border-strong: var(--color-alpha-ink-16);
  --color-border-inverse: var(--color-alpha-paper-10);
  --color-tier-foundation-bg: var(--color-coral-100);
  --color-tier-foundation-text: var(--color-coral-700);
  --color-tier-foundation-solid: var(--color-coral-500);
  --color-tier-mastery-bg: var(--color-teal-100);
  --color-tier-mastery-text: var(--color-teal-700);
  --color-tier-mastery-solid: var(--color-teal-500);
  --color-tier-expert-bg: var(--color-alpha-ink-08);
  --color-tier-expert-text: var(--color-black-plum);
  --color-tier-expert-solid: var(--color-black-plum);
  --color-highlight-marker: var(--color-alpha-coral-38);
  --color-feedback-danger: var(--color-red-700);
  --color-feedback-danger-bg: var(--color-red-100);
  --color-feedback-success: var(--color-green-700);
  --color-feedback-success-solid: var(--color-green-500);
  --color-feedback-success-bg: var(--color-green-100);
  --color-feedback-warning: var(--color-ochre-700);
  --color-feedback-warning-bg: var(--color-ochre-100);
  --color-field-bg: var(--color-white);
  --color-field-border: var(--color-alpha-ink-16);
  --color-field-border-hover: var(--color-alpha-ink-32);
  --color-field-border-focus: var(--color-coral-700);
  --color-field-ring: var(--color-alpha-accent-16);
  --color-field-placeholder: var(--color-grey);
  --color-state-disabled-bg: var(--color-alpha-ink-06);
  --color-state-disabled-text: var(--color-alpha-ink-45);
  --color-state-selected-bg: var(--color-black-plum);
  --color-state-selected-text: var(--color-white);
  --color-on-color-button-bg: var(--color-alpha-paper-22);
  --color-on-color-button-bg-hover: var(--color-alpha-paper-32);
  --type-display-family: var(--font-family-brand);
  --type-display-weight: var(--font-weight-black);
  --type-display-size: var(--font-size-fluid-display);
  --type-display-line: var(--font-lineHeight-tight);
  --type-display-tracking: var(--font-tracking-display);
  --type-h1-family: var(--font-family-brand);
  --type-h1-weight: var(--font-weight-black);
  --type-h1-size: var(--font-size-fluid-h1);
  --type-h1-line: var(--font-lineHeight-tight);
  --type-h1-tracking: var(--font-tracking-heading);
  --type-h1-interior-family: var(--font-family-brand);
  --type-h1-interior-weight: var(--font-weight-black);
  --type-h1-interior-size: var(--font-size-fluid-h1-interior);
  --type-h1-interior-line: var(--font-lineHeight-tight);
  --type-h1-interior-tracking: var(--font-tracking-heading);
  --type-h2-family: var(--font-family-brand);
  --type-h2-weight: var(--font-weight-black);
  --type-h2-size: var(--font-size-fluid-h2);
  --type-h2-line: var(--font-lineHeight-tight);
  --type-h2-tracking: var(--font-tracking-heading);
  --type-h3-family: var(--font-family-brand);
  --type-h3-weight: var(--font-weight-black);
  --type-h3-size: var(--font-size-fluid-h3);
  --type-h3-line: var(--font-lineHeight-snug);
  --type-h3-tracking: var(--font-tracking-heading);
  --type-title-family: var(--font-family-brand);
  --type-title-weight: var(--font-weight-black);
  --type-title-size: var(--font-size-20);
  --type-title-line: var(--font-lineHeight-snug);
  --type-title-tracking: var(--font-tracking-title);
  --type-title-lg-family: var(--font-family-brand);
  --type-title-lg-weight: var(--font-weight-black);
  --type-title-lg-size: var(--font-size-24);
  --type-title-lg-line: var(--font-lineHeight-snug);
  --type-title-lg-tracking: var(--font-tracking-title);
  --type-lead-family: var(--font-family-brand);
  --type-lead-weight: var(--font-weight-regular);
  --type-lead-size: var(--font-size-17);
  --type-lead-line: var(--font-lineHeight-body);
  --type-lead-tracking: var(--font-tracking-none);
  --type-reading-family: var(--font-family-brand);
  --type-reading-weight: var(--font-weight-regular);
  --type-reading-size: var(--font-size-18);
  --type-reading-line: var(--font-lineHeight-body);
  --type-reading-tracking: var(--font-tracking-none);
  --type-body-family: var(--font-family-brand);
  --type-body-weight: var(--font-weight-regular);
  --type-body-size: var(--font-size-16);
  --type-body-line: var(--font-lineHeight-body);
  --type-body-tracking: var(--font-tracking-none);
  --type-body-sm-family: var(--font-family-brand);
  --type-body-sm-weight: var(--font-weight-regular);
  --type-body-sm-size: var(--font-size-14);
  --type-body-sm-line: var(--font-lineHeight-ui);
  --type-body-sm-tracking: var(--font-tracking-none);
  --type-label-family: var(--font-family-brand);
  --type-label-weight: var(--font-weight-bold);
  --type-label-size: var(--font-size-12);
  --type-label-line: var(--font-lineHeight-ui);
  --type-label-tracking: var(--font-tracking-caps);
  --type-label-case: uppercase;
  --type-badge-family: var(--font-family-brand);
  --type-badge-weight: var(--font-weight-semibold);
  --type-badge-size: var(--font-size-12);
  --type-badge-line: 1;
  --type-badge-tracking: var(--font-tracking-none);
  --type-chip-family: var(--font-family-brand);
  --type-chip-weight: var(--font-weight-semibold);
  --type-chip-size: var(--font-size-12);
  --type-chip-line: 1;
  --type-chip-tracking: var(--font-tracking-none);
  --type-button-family: var(--font-family-brand);
  --type-button-weight: var(--font-weight-bold);
  --type-button-size: var(--font-size-16);
  --type-button-line: 1;
  --type-button-tracking: var(--font-tracking-none);
  --type-button-sm-family: var(--font-family-brand);
  --type-button-sm-weight: var(--font-weight-bold);
  --type-button-sm-size: var(--font-size-14);
  --type-button-sm-line: 1;
  --type-button-sm-tracking: var(--font-tracking-none);
  --type-nav-family: var(--font-family-brand);
  --type-nav-weight: var(--font-weight-semibold);
  --type-nav-size: 15px;
  --type-nav-line: 1;
  --type-nav-tracking: var(--font-tracking-none);
  --type-code-family: var(--font-family-mono);
  --type-code-weight: var(--font-weight-regular);
  --type-code-size: var(--font-size-14);
  --type-code-line: var(--font-lineHeight-body);
  --type-code-tracking: var(--font-tracking-none);
  --type-field-family: var(--font-family-brand);
  --type-field-weight: var(--font-weight-regular);
  --type-field-size: var(--font-size-16);
  --type-field-line: 1.2;
  --type-field-tracking: var(--font-tracking-none);
  --space-inset-chip: var(--space-1);
  --space-inset-card: var(--space-6);
  --space-inset-panel: var(--space-7);
  --space-stack-tight: var(--space-2);
  --space-stack-pair: var(--space-4);
  --space-stack-group: var(--space-7);
  --space-stack-heavy: var(--space-12);
  --space-gap-grid: var(--space-4);
  --space-section-sm: var(--space-14);
  --space-section-md: var(--space-18);
  --space-section-lg: var(--space-22);
  --space-section-xl: var(--space-30);
  --space-gutter-desktop: var(--space-12);
  --space-gutter-tablet: var(--space-6);
  --space-gutter-phone: var(--space-5);
  --radius-marker: var(--radius-2);
  --radius-nested: var(--radius-8);
  --radius-control: var(--radius-12);
  --radius-card: var(--radius-16);
  --radius-container: var(--radius-20);
  --radius-pill: var(--radius-full);
  --radius-circle: var(--radius-half);
  --image-card: var(--image-ratio-landscape);
  --image-hero: var(--image-ratio-landscape);
  --image-portrait: var(--image-ratio-portrait);
  --image-thumb: var(--image-ratio-square);
  --image-filter: var(--image-grade);
  --shadow-1: 0px 2px 12px 0px var(--color-alpha-ink-06);
  --shadow-2: 0px 4px 20px 0px var(--color-alpha-ink-10);
  --shadow-3: 0px 8px 32px 0px var(--color-alpha-ink-12);
  --shadow-4: 0px 12px 48px 0px var(--color-alpha-ink-12);
  --shadow-5: 0px 24px 64px 0px var(--color-alpha-ink-20);
  --shadow-glow: 0px 8px 24px 0px var(--color-alpha-coral-28);
  --shadow-glow-hover: 0px 12px 32px 0px var(--color-alpha-coral-36);
  --shadow-bar-up: 0px -6px 28px 0px var(--color-alpha-ink-10);
  --motion-hover: var(--duration-fast) var(--easing-standard) 0ms;
  --motion-move: var(--duration-base) var(--easing-out) 0ms;
  --motion-media: var(--duration-slow) var(--easing-out) 0ms;
  --motion-reveal: var(--duration-reveal) var(--easing-out) 0ms;
  --motion-distance-reveal: 12px;
  --motion-distance-lift: -2px;
  --motion-distance-press: 1px;
  --motion-scale-hover: 1.02;
  --motion-scale-press: 0.99;
  --motion-scale-media: 1.04;
  --motion-stagger: 80ms;
  --layout-container: 1280px;
  --layout-content: 960px;
  --layout-measure: 720px;
  --layout-measure-sm: 540px;
  --layout-nav-height: 76px;
  --layout-tap-min: 44px;
  --layout-field-height: 48px;
  --z-base: 0;
  --z-raised: 1;
  --z-dropdown: 30;
  --z-sticky: 40;
  --z-nav: 50;
  --z-skip: 100;
  --button-primary-bg: var(--color-action-primary);
  --button-primary-bg-hover: var(--color-action-primary-hover);
  --button-primary-text: var(--color-text-inverse);
  --button-primary-radius: var(--radius-control);
  --button-primary-padding-y: var(--space-4);
  --button-primary-padding-x: var(--space-10);
  --button-compact-radius: var(--radius-control);
  --button-compact-padding-y: var(--space-3);
  --button-compact-padding-x: var(--space-6);
  --button-compact-min-height: var(--layout-tap-min);
  --button-on-color-bg: var(--color-on-color-button-bg);
  --button-on-color-bg-solid: var(--color-white);
  --button-on-color-bg-hover: var(--color-on-color-button-bg-hover);
  --button-on-color-radius: var(--radius-control);
  --card-playbook-bg: var(--color-bg-surface);
  --card-playbook-border: var(--color-border-subtle);
  --card-playbook-radius: var(--radius-card);
  --card-playbook-shadow: var(--shadow-1);
  --card-playbook-shadow-hover: var(--shadow-3);
  --card-playbook-padding: var(--space-inset-card);
  --card-playbook-image-ratio: var(--image-card);
  --card-playbook-owned-progress-track: var(--color-alpha-ink-08);
  --card-playbook-owned-progress-fill: var(--color-action-primary);
  --card-playbook-owned-progress-done: var(--color-tier-mastery-solid);
  --card-playbook-owned-progress-height: var(--space-1);
  --card-playbook-owned-progress-radius: var(--radius-pill);
  --card-playbook-compact-thumb: var(--space-30);
  --card-playbook-compact-padding: var(--space-4);
  --card-playbook-compact-radius: var(--radius-card);
  --card-playbook-compact-border: var(--color-border-subtle);
  --card-playbook-compact-shadow: var(--shadow-1);
  --card-playbook-compact-shadow-hover: var(--shadow-3);
  --card-playbook-compact-title-size: var(--font-size-16);
  --badge-tier-radius: var(--radius-pill);
  --badge-tier-padding-y: var(--space-1);
  --badge-tier-padding-x: var(--space-3);
  --chip-topic-bg: transparent;
  --chip-topic-text: var(--color-text-secondary);
  --chip-topic-radius: var(--radius-pill);
  --chip-topic-border: var(--color-border-strong);
  --panel-on-cream-bg: var(--color-bg-surface);
  --panel-on-cream-border: var(--color-border-subtle);
  --panel-on-cream-radius: var(--radius-container);
  --panel-on-cream-shadow: var(--shadow-2);
  --callout-radius: var(--radius-card);
  --callout-padding-y: var(--space-4);
  --callout-padding-x: var(--space-5);
  --callout-icon-size: var(--space-6);
  --callout-icon-glyph-size: 14px;
  --callout-icon-glyph-color: var(--color-white);
  --callout-insight-bg: var(--color-slate-100);
  --callout-insight-accent: var(--color-slate-700);
  --callout-tip-bg: var(--color-sage-100);
  --callout-tip-accent: var(--color-sage-700);
  --callout-warning-bg: var(--color-brick-100);
  --callout-warning-accent: var(--color-brick-700);
  --nav-marker-color: var(--color-highlight-marker);
  --nav-marker-radius: var(--radius-marker);
  --field-radius: var(--radius-control);
  --field-height: var(--layout-field-height);
  --prompt-bg: var(--color-bg-inverse);
  --prompt-radius: var(--radius-card);
  --prompt-shadow: var(--shadow-2);
  --prompt-label: var(--color-text-inverse);
  --prompt-target: var(--color-text-inverse-muted);
  --prompt-text: var(--color-text-inverse);
  --prompt-divider: var(--color-border-inverse);
  --prompt-blank-bg: var(--color-alpha-coral-28);
  --prompt-blank-border: var(--color-coral-300);
  --prompt-blank-text: var(--color-coral-100);
  --prompt-blank-radius: var(--radius-nested);
  --prompt-copy-bg: var(--color-coral-700);
  --prompt-copy-bg-hover: color-mix(in srgb, var(--color-coral-700) 82%, var(--color-black-plum));
  --prompt-copy-text: var(--color-text-inverse);
  --prompt-copy-radius: var(--radius-control);
  --prompt-copy-min-height: 36px;
  --prompt-copy-done-bg: var(--color-tier-mastery-text);
  --prompt-focus: var(--color-action-focus-on-dark);
  --auth-tile-size: 52px;
  --auth-tile-radius: var(--radius-card);
  --auth-tile-bg: var(--color-tier-foundation-bg);
  --auth-tile-icon: var(--color-text-accent);
  --auth-tile-bg-sent: var(--color-tier-mastery-bg);
  --auth-tile-icon-sent: var(--color-tier-mastery-text);
  --pivot-width: var(--border-width-accent);
  --pivot-color: var(--color-coral-500);
  --pivot-radius: var(--radius-full);
  --block-text-gap: var(--space-stack-group);
  --block-text-section-title: var(--space-stack-pair);
  --block-text-subheading-type: type.title-lg;
  --block-text-subheading-space-above: var(--space-stack-heavy);
  --block-text-subheading-space-below: var(--space-stack-pair);
  --block-text-code-radius: var(--radius-nested);
  --block-text-code-bg: var(--color-bg-sunken);
  --block-text-code-border: var(--color-border-subtle);
  --block-text-code-padding-x: var(--space-2);
  --block-text-link-color: var(--color-text-accent);
  --block-text-list-gap: var(--space-3);
  --block-text-list-indent: var(--space-7);
  --block-text-list-indent-marker: var(--space-10);
  --block-text-list-dot: var(--space-2);
  --block-text-list-dot-color: var(--color-action-primary);
  --block-text-list-number-circle: var(--space-7);
  --block-text-list-number-border: var(--color-border-strong);
  --block-text-list-check-circle: var(--space-6);
  --block-text-list-check-bg: var(--color-tier-mastery-bg);
  --block-text-list-check-color: var(--color-tier-mastery-text);
  --block-text-list-term-row-padding: var(--space-4);
  --block-doing-exercise-bg: var(--color-bg-surface);
  --block-doing-exercise-border: var(--color-border-strong);
  --block-doing-exercise-radius: var(--radius-card);
  --block-doing-exercise-padding: var(--space-inset-card);
  --block-doing-exercise-tag-bg: var(--color-bg-sunken);
  --block-doing-exercise-task-bg: var(--color-bg-page);
  --block-doing-exercise-task-radius: var(--radius-nested);
  --block-doing-checkpoint-bg: var(--color-tier-mastery-bg);
  --block-doing-checkpoint-icon-bg: var(--color-tier-mastery-solid);
  --block-doing-checkpoint-label: var(--color-tier-mastery-text);
  --block-doing-checkpoint-radius: var(--radius-card);
  --block-doing-checkpoint-padding-y: var(--space-4);
  --block-doing-checkpoint-padding-x: var(--space-5);
  --block-doing-checkpoint-icon-size: var(--space-8);
  --block-doing-requirements-row-bg: var(--color-bg-surface);
  --block-doing-requirements-row-border: var(--color-border-subtle);
  --block-doing-requirements-row-radius: var(--radius-card);
  --block-doing-requirements-gap: var(--space-3);
  --block-doing-requirements-tick-size: var(--space-6);
  --block-doing-requirements-tick-radius: var(--radius-nested);
  --block-doing-requirements-tick-border: var(--color-alpha-ink-32);
  --block-doing-requirements-ticked: var(--color-tier-mastery-solid);
  --block-doing-requirements-ticked-row-bg: var(--color-tier-mastery-bg);
  --block-doing-requirements-price-bg: var(--color-bg-sunken);
  --block-doing-fixes-divider: var(--color-border-subtle);
  --block-doing-fixes-snippet-border: var(--color-border-strong);
  --block-doing-fixes-snippet-radius: var(--radius-control);
  --block-emphasis-principle-mark-size: var(--font-size-76);
  --block-emphasis-principle-mark-color: var(--color-action-primary);
  --block-emphasis-principle-indent: var(--space-12);
  --block-emphasis-principle-space-y: var(--space-4);
  --block-emphasis-stats-bg: var(--color-bg-surface);
  --block-emphasis-stats-border: var(--color-border-subtle);
  --block-emphasis-stats-radius: var(--radius-card);
  --block-emphasis-stats-value-size: var(--font-size-44);
  --block-emphasis-stats-value-color: var(--color-text-accent);
  --block-emphasis-stats-padding-y: var(--space-5);
  --block-emphasis-stats-padding-x: var(--space-6);
  --block-emphasis-stats-gap: var(--space-2);
  --block-media-radius: var(--radius-card);
  --block-media-caption-gap: var(--space-2);
  --block-media-placeholder-bg: var(--color-bg-surface);
  --block-media-placeholder-stripe: var(--color-alpha-ink-06);
  --block-media-placeholder-border: var(--color-border-strong);
  --block-media-placeholder-border-width: var(--border-width-focus);
  --block-media-placeholder-icon: var(--color-text-secondary);
  --block-media-placeholder-text: var(--color-text-primary);
  --block-media-video-bg: var(--color-bg-inverse);
  --block-media-video-glow: var(--color-alpha-paper-10);
  --block-media-video-play-size: var(--space-16);
  --block-media-video-play-bg: var(--color-action-primary);
  --block-media-video-time-bg: var(--color-alpha-ink-45);
  --block-media-video-focus: var(--color-action-focus-on-dark);
  --block-media-compare-before-bg: var(--color-bg-sunken);
  --block-media-compare-after-border: var(--color-action-primary);
  --block-media-compare-after-border-width: var(--border-width-focus);
  --block-media-compare-after-shadow: var(--shadow-2);
  --block-media-compare-verdict-bg: var(--color-bg-sunken);
  --block-reference-troubleshoot-divider: var(--color-border-strong);
  --block-reference-troubleshoot-question-size: var(--font-size-18);
  --block-reference-troubleshoot-row-padding: var(--space-5);
  --block-reference-troubleshoot-plus: var(--color-action-primary);
  --block-reference-next-playbook-card: card.playbook-compact;
  --block-reference-next-guide-card-padding: var(--space-inset-card);
  --block-reference-next-gap: var(--space-4);
  --block-reference-tools-head-bg: var(--color-bg-sunken);
  --block-reference-tools-cell-padding-y: var(--space-3);
  --block-reference-tools-cell-padding-x: var(--space-4);
  --block-reference-tools-radius: var(--radius-card);
  --block-reference-author-avatar: var(--space-16);
  --block-reference-author-avatar-bg: var(--color-bg-inverse);
  --block-reference-author-padding: var(--space-inset-card);
  --block-reference-author-gap: var(--space-5);
  --block-reference-author-bio-size: var(--font-size-14);
  --block-reference-author-link: var(--color-text-accent);
  --block-reference-author-link-tap: var(--layout-tap-min);
}