/* Substrate tokens — plain CSS export (no build step). Generated by substrate-engine; do not edit. */
:root {
  --font-sans: Switzer, Inter, sans-serif;
  --font-display: Gambarino, 'Instrument Serif', serif;
  --font-mono: initial;


  --color-neutral-0: #FFFFFF;
  --color-neutral-50: #F9F9F9;
  --color-neutral-100: #F2F2F2;
  --color-neutral-200: #E3E3E3;
  --color-neutral-300: #CECECE;
  --color-neutral-400: #ABABAB;
  --color-neutral-500: #8A8A8A;
  --color-neutral-600: #6D6D6D;
  --color-neutral-700: #515151;
  --color-neutral-800: #373737;
  --color-neutral-900: #1F1F1F;
  --color-neutral-950: #0A0A0A;

  --color-signal-50: #FFF7F6;
  --color-signal-100: #FFEDEB;
  --color-signal-200: #FFD9D4;
  --color-signal-300: #FFBAB2;
  --color-signal-400: #FC8278;
  --color-signal-500: #E45049;
  --color-signal-600: #BB3834;
  --color-signal-700: #8F2724;
  --color-signal-800: #641816;
  --color-signal-900: #3D0A09;
  --color-signal-950: #1D0001;

  --color-ember-50: #FFF8F7;
  --color-ember-100: #FEEDEB;
  --color-ember-200: #FEDAD5;
  --color-ember-300: #FDBBB4;
  --color-ember-400: #FB8279;
  --color-ember-500: #E4504B;
  --color-ember-600: #BB3836;
  --color-ember-700: #8F2625;
  --color-ember-800: #641717;
  --color-ember-900: #3D0A0A;
  --color-ember-950: #1C0101;

  --color-moss-50: #F1FDF4;
  --color-moss-100: #DFFAE7;
  --color-moss-200: #BEF2CE;
  --color-moss-300: #90E4AD;
  --color-moss-400: #4EC680;
  --color-moss-500: #3DA066;
  --color-moss-600: #2F7F50;
  --color-moss-700: #215F3B;
  --color-moss-800: #144127;
  --color-moss-900: #092615;
  --color-moss-950: #020E05;

  --color-amber-50: #FFF8F2;
  --color-amber-100: #FFEFDF;
  --color-amber-200: #FEDDBA;
  --color-amber-300: #FDC07D;
  --color-amber-400: #E89729;
  --color-amber-500: #BD7814;
  --color-amber-600: #975F0E;
  --color-amber-700: #724608;
  --color-amber-800: #4F2F04;
  --color-amber-900: #2F1A01;
  --color-amber-950: #120700;

  --text-display: 109px;
  --text-display--line-height: 1;
  --text-display--letter-spacing: -0.0018em;
  --text-display--font-weight: 400;
  --text-h1: 86px;
  --text-h1--line-height: 1;
  --text-h1--letter-spacing: -0.0087em;
  --text-h1--font-weight: 400;
  --text-h2: 59px;
  --text-h2--line-height: 1.2;
  --text-h2--letter-spacing: -0.0093em;
  --text-h2--font-weight: 400;
  --text-h3: 46px;
  --text-h3--line-height: 1.2;
  --text-h3--letter-spacing: -0.0098em;
  --text-h3--font-weight: 400;
  --text-lead: 24px;
  --text-lead--line-height: 1.5;
  --text-lead--letter-spacing: -0.0104em;
  --text-lead--font-weight: 400;
  --text-body: 18px;
  --text-body--line-height: 1.5;
  --text-body--letter-spacing: -0.0139em;
  --text-body--font-weight: 400;
  --text-small: 16px;
  --text-small--line-height: 1.5;
  --text-small--letter-spacing: -0.0125em;
  --text-small--font-weight: 400;
  --text-caption: 15px;
  --text-caption--line-height: 1.5;
  --text-caption--letter-spacing: -0.0133em;
  --text-caption--font-weight: 400;
  --text-micro: 15px;
  --text-micro--line-height: 1.6;
  --text-micro--letter-spacing: 0.05em;
  --text-micro--font-weight: 500;

  --ease-standard: cubic-bezier(0.2, 0, 0, 1);
  --ease-enter: cubic-bezier(0, 0, 0, 1);
  --ease-exit: cubic-bezier(0.4, 0, 1, 1);
}
:root {
  --case-heading: none;
  --case-eyebrow: uppercase;
  --tracking-eyebrow: 0.08em;
  --weight-eyebrow: 500;
}
:root {
  --color-background: var(--background);
  --color-foreground: var(--foreground);
  --color-canvas: var(--canvas);
  --color-surface: var(--surface);
  --color-surface-raised: var(--surface-raised);
  --color-surface-overlay: var(--surface-overlay);
  --color-surface-sunken: var(--surface-sunken);
  --color-card: var(--card);
  --color-card-foreground: var(--card-foreground);
  --color-popover: var(--popover);
  --color-popover-foreground: var(--popover-foreground);
  --color-primary: var(--primary);
  --color-primary-foreground: var(--primary-foreground);
  --color-secondary: var(--secondary);
  --color-secondary-foreground: var(--secondary-foreground);
  --color-muted: var(--muted);
  --color-muted-foreground: var(--muted-foreground);
  --color-accent: var(--accent);
  --color-accent-foreground: var(--accent-foreground);
  --color-brand-muted: var(--brand-muted);
  --color-brand-base: var(--brand-base);
  --color-brand-strong: var(--brand-strong);
  --color-brand-emphasis: var(--brand-emphasis);
  --color-brand-contrast: var(--brand-contrast);
  --color-interactive: var(--interactive);
  --color-interactive-foreground: var(--interactive-foreground);
  --color-interactive-muted: var(--interactive-muted);
  --color-ring: var(--ring);
  --color-destructive: var(--destructive);
  --color-destructive-foreground: var(--destructive-foreground);
  --color-destructive-muted: var(--destructive-muted);
  --color-destructive-solid: var(--destructive-solid);
  --color-destructive-solid-foreground: var(--destructive-solid-foreground);
  --color-success: var(--success);
  --color-success-foreground: var(--success-foreground);
  --color-success-muted: var(--success-muted);
  --color-success-solid: var(--success-solid);
  --color-success-solid-foreground: var(--success-solid-foreground);
  --color-warning: var(--warning);
  --color-warning-foreground: var(--warning-foreground);
  --color-warning-muted: var(--warning-muted);
  --color-warning-solid: var(--warning-solid);
  --color-warning-solid-foreground: var(--warning-solid-foreground);
  --color-info: var(--info);
  --color-info-foreground: var(--info-foreground);
  --color-info-muted: var(--info-muted);
  --color-info-solid: var(--info-solid);
  --color-info-solid-foreground: var(--info-solid-foreground);
  --color-border: var(--border);
  --color-input: var(--input);
  --color-divider: var(--divider);
  --color-text-secondary: var(--text-secondary);
  --color-text-tertiary: var(--text-tertiary);
  --color-prompt-bar: var(--prompt-bar);
  --color-prompt-bar-foreground: var(--prompt-bar-foreground);
  --color-prompt-bar-line: var(--prompt-bar-line);
  --color-chart-1: var(--chart-1);
  --color-chart-2: var(--chart-2);
  --color-chart-3: var(--chart-3);
  --color-chart-4: var(--chart-4);
  --color-chart-5: var(--chart-5);
  --color-sidebar: var(--sidebar);
  --color-sidebar-foreground: var(--sidebar-foreground);
  --color-sidebar-primary: var(--sidebar-primary);
  --color-sidebar-primary-foreground: var(--sidebar-primary-foreground);
  --color-sidebar-accent: var(--sidebar-accent);
  --color-sidebar-accent-foreground: var(--sidebar-accent-foreground);
  --color-sidebar-border: var(--sidebar-border);
  --color-sidebar-ring: var(--sidebar-ring);
  --color-palette-crimson: var(--palette-crimson);
  --color-palette-lapis-blue: var(--palette-lapis-blue);
  --color-palette-dusty-rose: var(--palette-dusty-rose);
  --color-palette-jodhpuri-blue: var(--palette-jodhpuri-blue);
  --color-palette-paper-white: var(--palette-paper-white);
  --color-palette-marigold: var(--palette-marigold);
  --color-palette-turmeric: var(--palette-turmeric);
  --color-palette-rose-tint: var(--palette-rose-tint);
  --color-ink-heading: var(--ink-heading);
  --color-inverse-surface: var(--inverse-surface);
  --color-inverse-foreground: var(--inverse-foreground);
  --radius-sm: var(--r-sm);
  --radius-md: var(--r-md);
  --radius-lg: var(--r-lg);
  --radius-xl: var(--r-xl);
  --radius-2xl: var(--r-2xl);
  --radius-controls: var(--r-controls);
  --radius-containers: var(--r-containers);
  --radius-inline: var(--r-inline);
  --radius-chip: var(--r-chip);
  --radius-track: var(--r-track);
  --radius-card-small: var(--r-card-small);
  --radius-input: var(--r-input);
  --shadow-xs: var(--sh-xs);
  --shadow-sm: var(--sh-sm);
  --shadow-md: var(--sh-md);
  --shadow-lg: var(--sh-lg);
  --shadow-xl: var(--sh-xl);
  --spacing-hairline: var(--sp-hairline);
  --spacing-optical: var(--sp-optical);
  --spacing-inset-2xs: var(--sp-inset-2xs);
  --spacing-inset-xs: var(--sp-inset-xs);
  --spacing-inset-sm: var(--sp-inset-sm);
  --spacing-inset-md: var(--sp-inset-md);
  --spacing-inset-lg: var(--sp-inset-lg);
  --spacing-inset-xl: var(--sp-inset-xl);
  --spacing-stack-xs: var(--sp-stack-xs);
  --spacing-stack-sm: var(--sp-stack-sm);
  --spacing-stack-md: var(--sp-stack-md);
  --spacing-stack-lg: var(--sp-stack-lg);
  --spacing-region: var(--sp-region);
  --spacing-section: var(--sp-section);
  --spacing-section-lg: var(--sp-section-lg);
  --spacing-chapter: var(--sp-chapter);
  --spacing-chapter-lg: var(--sp-chapter-lg);
  --spacing-control-2xs: var(--ctl-2xs);
  --spacing-control-xs: var(--ctl-xs);
  --spacing-control-sm: var(--ctl-sm);
  --spacing-control-md: var(--ctl-md);
  --spacing-control-lg: var(--ctl-lg);
  --spacing-control-xl: var(--ctl-xl);
  --container-measure-xs: var(--ms-xs);
  --container-measure-sm: var(--ms-sm);
  --container-measure-md: var(--ms-md);
  --container-measure-lg: var(--ms-lg);
  --container-layout-narrow: var(--lay-narrow);
  --container-layout-page: var(--lay-page);
  --container-layout-wide: var(--lay-wide);
  --container-layout-gutter: var(--lay-gutter);
  --spacing-frame-pad: var(--deck-frame-pad);
  --spacing-frame-gutter: var(--deck-frame-gutter);
  --spacing-frame-2xl: var(--deck-gap-2xl);
  --spacing-frame-xl: var(--deck-gap-xl);
  --spacing-frame-lg: var(--deck-gap-lg);
  --spacing-frame-md: var(--deck-gap-md);
  --spacing-frame-sm: var(--deck-gap-sm);
  --spacing-frame-xs: var(--deck-gap-xs);
}
:root {
  color-scheme: light;
  --duration-instant: 120ms;
  --duration-quick: 200ms;
  --duration-standard: 320ms;
  --duration-considered: 520ms;
  --background: #ffffff;
  --foreground: #77020b;
  --canvas: var(--color-neutral-50);
  --surface: var(--color-neutral-0);
  --surface-raised: var(--color-neutral-0);
  --surface-overlay: var(--color-neutral-0);
  --surface-sunken: var(--color-neutral-100);
  --card: #a9d3ff;
  --card-foreground: var(--color-neutral-900);
  --popover: var(--color-neutral-0);
  --popover-foreground: var(--color-neutral-900);
  --primary: #77020b;
  --primary-foreground: #ffffff;
  --secondary: var(--color-neutral-100);
  --secondary-foreground: var(--color-neutral-900);
  --muted: var(--color-neutral-100);
  --muted-foreground: var(--color-neutral-700);
  --accent: #e1a62f;
  --accent-foreground: #77020b;
  --brand-muted: var(--color-signal-100);
  --brand-base: var(--color-signal-600);
  --brand-strong: var(--color-signal-600);
  --brand-emphasis: var(--color-signal-700);
  --brand-contrast: var(--color-neutral-0);
  --interactive: #262390;
  --interactive-foreground: var(--color-neutral-0);
  --interactive-muted: var(--color-signal-100);
  --ring: var(--color-signal-700);
  --destructive: #b3141f;
  --destructive-foreground: #ffffff;
  --destructive-muted: var(--color-ember-100);
  --destructive-solid: var(--color-ember-600);
  --destructive-solid-foreground: var(--color-neutral-0);
  --success: #2e7d4f;
  --success-foreground: #ffffff;
  --success-muted: var(--color-moss-100);
  --success-solid: var(--color-moss-600);
  --success-solid-foreground: var(--color-neutral-0);
  --warning: var(--color-amber-700);
  --warning-foreground: var(--color-neutral-0);
  --warning-muted: var(--color-amber-100);
  --warning-solid: var(--color-amber-600);
  --warning-solid-foreground: var(--color-neutral-0);
  --info: #262390;
  --info-foreground: #ffffff;
  --info-muted: var(--color-signal-100);
  --info-solid: var(--color-signal-600);
  --info-solid-foreground: var(--color-neutral-0);
  --border: var(--color-neutral-200);
  --input: var(--color-neutral-300);
  --divider: var(--color-neutral-200);
  --text-secondary: var(--color-neutral-800);
  --text-tertiary: var(--color-neutral-600);
  --prompt-bar: var(--color-neutral-900);
  --prompt-bar-foreground: var(--color-neutral-0);
  --prompt-bar-line: var(--color-neutral-700);
  --chart-1: #77020b;
  --chart-2: #262390;
  --chart-3: #e1a62f;
  --chart-4: #ff9d8f;
  --chart-5: #a9d3ff;
  --sidebar: var(--color-neutral-0);
  --sidebar-foreground: var(--color-neutral-900);
  --sidebar-primary: var(--color-signal-600);
  --sidebar-primary-foreground: var(--color-neutral-0);
  --sidebar-accent: var(--color-neutral-100);
  --sidebar-accent-foreground: var(--color-neutral-900);
  --sidebar-border: var(--color-neutral-200);
  --sidebar-ring: var(--color-signal-700);
  --sp-hairline: 2px;
  --sp-optical: 4px;
  --sp-inset-2xs: 6px;
  --sp-inset-xs: 8px;
  --sp-inset-sm: 10px;
  --sp-inset-md: 12px;
  --sp-inset-lg: 32px;
  --sp-inset-xl: 37px;
  --sp-stack-xs: 10px;
  --sp-stack-sm: 12px;
  --sp-stack-md: 16px;
  --sp-stack-lg: clamp(48px, calc(4vw + 16px), 64px);
  --sp-region: 96px;
  --sp-section: 120px;
  --sp-section-lg: 120px;
  --sp-chapter: 150px;
  --sp-chapter-lg: 200px;
  --ms-xs: 34ch;
  --ms-sm: 48ch;
  --ms-md: 62ch;
  --ms-lg: 72ch;
  --lay-narrow: 48rem;
  --lay-page: 72rem;
  --lay-wide: 80rem;
  --lay-gutter: clamp(24px, 5vw, 72px);
  --ctl-2xs: 24px;
  --ctl-xs: 28px;
  --ctl-sm: 32px;
  --ctl-md: 36px;
  --ctl-lg: 48px;
  --ctl-xl: 48px;
  --stroke-hairline: 1px;
  --r-sm: 0px;
  --r-md: 2px;
  --r-lg: 4px;
  --r-xl: 8px;
  --r-2xl: 12px;
  --r-controls: 0px;
  --r-containers: 0px;
  --r-inline: 0px;
  --r-chip: 9999px;
  --r-track: 9999px;
  --r-card-small: 0px;
  --r-input: 4px;
  --corner-controls: superellipse(1);
  --corner-containers: superellipse(1);
  --corner-inline: superellipse(1);
  --sh-xs: none;
  --sh-sm: none;
  --sh-md: none;
  --sh-lg: none;
  --sh-xl: none;
  --palette-crimson: #77020b;
  --palette-lapis-blue: #262390;
  --palette-dusty-rose: #ff9d8f;
  --palette-jodhpuri-blue: #a9d3ff;
  --palette-paper-white: #ffffff;
  --palette-marigold: #ffdb58;
  --palette-turmeric: #e1a62f;
  --palette-rose-tint: #e69894;
  --motion-duration-fast: 150ms;
  --motion-duration-base: 300ms;
  --motion-duration-zoom: 500ms;
  --motion-duration-reveal: 1000ms;
  --motion-duration-reveal-slow: 1500ms;
  --motion-hover: ease-in-out;
  --motion-reveal-ease: cubic-bezier(0.4, 0, 0.2, 1);
  --motion-ease-out-expo: cubic-bezier(0.19, 1, 0.22, 1);
  --motion-ease-out-quart: cubic-bezier(0.165, 0.84, 0.44, 1);
  --weight-regular: 400;
  --weight-medium: 500;
  --ink-heading: #77020b;
  --inverse-surface: #77020b;
  --inverse-foreground: #ffffff;
  --cap-track: round;
}
.dark, [data-theme='dark'] {
  color-scheme: dark;
  --background: var(--color-neutral-950);
  --foreground: var(--color-neutral-50);
  --canvas: var(--color-neutral-950);
  --surface: var(--color-neutral-900);
  --surface-raised: var(--color-neutral-800);
  --surface-overlay: var(--color-neutral-800);
  --surface-sunken: var(--color-neutral-950);
  --card: var(--color-neutral-900);
  --card-foreground: var(--color-neutral-50);
  --popover: var(--color-neutral-900);
  --popover-foreground: var(--color-neutral-50);
  --primary: var(--color-signal-600);
  --primary-foreground: var(--color-neutral-0);
  --secondary: var(--color-neutral-800);
  --secondary-foreground: var(--color-neutral-50);
  --muted: var(--color-neutral-800);
  --muted-foreground: var(--color-neutral-400);
  --accent: var(--color-neutral-800);
  --accent-foreground: var(--color-neutral-50);
  --brand-muted: var(--color-signal-900);
  --interactive: var(--color-signal-400);
  --interactive-foreground: var(--color-neutral-950);
  --interactive-muted: var(--color-signal-900);
  --ring: var(--color-signal-400);
  --destructive: var(--color-ember-400);
  --destructive-foreground: var(--color-neutral-950);
  --destructive-muted: var(--color-ember-900);
  --destructive-solid: var(--color-ember-500);
  --destructive-solid-foreground: var(--color-neutral-950);
  --success: var(--color-moss-400);
  --success-foreground: var(--color-neutral-950);
  --success-muted: var(--color-moss-900);
  --success-solid: var(--color-moss-400);
  --success-solid-foreground: var(--color-neutral-950);
  --warning: var(--color-amber-500);
  --warning-foreground: var(--color-neutral-950);
  --warning-muted: var(--color-amber-900);
  --warning-solid: var(--color-amber-500);
  --warning-solid-foreground: var(--color-neutral-950);
  --info: var(--color-signal-400);
  --info-foreground: var(--color-neutral-950);
  --info-muted: var(--color-signal-900);
  --info-solid: var(--color-signal-400);
  --info-solid-foreground: var(--color-neutral-950);
  --border: var(--color-neutral-800);
  --input: var(--color-neutral-700);
  --divider: var(--color-neutral-800);
  --text-secondary: var(--color-neutral-300);
  --text-tertiary: var(--color-neutral-400);
  --prompt-bar: var(--color-neutral-50);
  --prompt-bar-foreground: var(--color-neutral-900);
  --prompt-bar-line: var(--color-neutral-300);
  --chart-1: #AC3F39;
  --chart-2: #505CCC;
  --chart-3: #E1A62F;
  --chart-4: #FF9D8F;
  --chart-5: #A9D3FF;
  --sidebar: var(--color-neutral-900);
  --sidebar-foreground: var(--color-neutral-50);
  --sidebar-accent: var(--color-neutral-800);
  --sidebar-accent-foreground: var(--color-neutral-50);
  --sidebar-border: var(--color-neutral-800);
  --sidebar-ring: var(--color-signal-400);
  --ink-heading: #CF5E56;
  --inverse-surface: #D6655C;
  --inverse-foreground: #0a0a0a;
}
[data-density='compact'] {
  --sp-inset-xs: 6px;
  --sp-inset-sm: 8px;
  --sp-inset-md: 10px;
  --sp-inset-lg: 12px;
  --sp-inset-xl: 12px;
  --sp-stack-xs: 14px;
  --sp-stack-sm: 16px;
  --sp-stack-md: 22px;
  --sp-stack-lg: 28px;
  --sp-region: 32px;
  --sp-section: 36px;
  --sp-section-lg: 52px;
  --sp-chapter: 62px;
  --sp-chapter-lg: 84px;
  --ctl-2xs: 22px;
  --ctl-xs: 24px;
  --ctl-sm: 28px;
  --ctl-md: 32px;
  --ctl-lg: 43px;
  --ctl-xl: 43px;
}
[data-density='relaxed'] {
  --sp-inset-2xs: 8px;
  --sp-inset-xs: 10px;
  --sp-inset-sm: 12px;
  --sp-inset-md: 16px;
  --sp-inset-lg: 18px;
  --sp-inset-xl: 20px;
  --sp-stack-xs: 26px;
  --sp-stack-sm: 32px;
  --sp-stack-md: 42px;
  --sp-stack-lg: 52px;
  --sp-region: 64px;
  --sp-section: 76px;
  --sp-section-lg: 108px;
  --sp-chapter: 128px;
  --sp-chapter-lg: 172px;
  --ctl-2xs: 28px;
  --ctl-xs: 32px;
  --ctl-sm: 36px;
  --ctl-md: 42px;
  --ctl-lg: 55px;
  --ctl-xl: 56px;
}
[data-deck] {
  --sp-hairline: 4px;
  --sp-optical: 8px;
  --sp-inset-2xs: 12px;
  --sp-inset-xs: 16px;
  --sp-inset-sm: 20px;
  --sp-inset-md: 24px;
  --sp-inset-lg: 32px;
  --sp-inset-xl: 32px;
  --sp-stack-xs: 10px;
  --sp-stack-sm: 12px;
  --sp-stack-md: 16px;
  --sp-stack-lg: clamp(48px, calc(4vw + 16px), 64px);
  --sp-region: 96px;
  --sp-section: 120px;
  --sp-section-lg: 120px;
  --sp-chapter: 150px;
  --sp-chapter-lg: 256px;
  --text-display: 160px;
  --text-display--line-height: 0.98;
  --text-display--letter-spacing: -0.032em;
  --text-display--font-weight: 400;
  --text-h1: 111.38px;
  --text-h1--line-height: 1.02;
  --text-h1--letter-spacing: -0.0242em;
  --text-h1--font-weight: 400;
  --text-h2: 74.25px;
  --text-h2--line-height: 1.08;
  --text-h2--letter-spacing: -0.0155em;
  --text-h2--font-weight: 400;
  --text-h3: 49.5px;
  --text-h3--line-height: 1.15;
  --text-h3--letter-spacing: -0.0068em;
  --text-h3--font-weight: 400;
  --text-body: 36px;
  --text-body--line-height: 1.35;
  --text-body--letter-spacing: -0.005em;
  --text-body--font-weight: 400;
  --text-caption: 24px;
  --text-caption--line-height: 1.4;
  --text-caption--letter-spacing: 0em;
  --text-caption--font-weight: 400;
  --deck-frame-width: 1920px;
  --deck-frame-height: 1080px;
  --deck-frame-aspect: 1.7778;
  --deck-frame-aspect-pct: 56.25%;
  --deck-frame-pad: 8.3333cqw;
  --deck-frame-gutter: 1.25cqw;
  --deck-gap-2xl: 8.3333cqw;
  --deck-gap-xl: 5.5cqw;
  --deck-gap-lg: 3.6667cqw;
  --deck-gap-md: 2.5cqw;
  --deck-gap-sm: 1.6667cqw;
  --deck-gap-xs: 1.0833cqw;
}
[data-deck][data-deck-envelope='studio'] {
  --sp-hairline: 4px;
  --sp-optical: 8px;
  --sp-inset-2xs: 12px;
  --sp-inset-xs: 16px;
  --sp-inset-sm: 20px;
  --sp-inset-md: 24px;
  --sp-inset-lg: 32px;
  --sp-inset-xl: 32px;
  --sp-stack-xs: 10px;
  --sp-stack-sm: 12px;
  --sp-stack-md: 16px;
  --sp-stack-lg: clamp(48px, calc(4vw + 16px), 64px);
  --sp-region: 96px;
  --sp-section: 120px;
  --sp-section-lg: 120px;
  --sp-chapter: 150px;
  --sp-chapter-lg: 256px;
}
[data-deck][data-deck-envelope='brief'] {
  --sp-hairline: 4px;
  --sp-optical: 8px;
  --sp-inset-2xs: 6px;
  --sp-inset-xs: 13px;
  --sp-inset-sm: 16px;
  --sp-inset-md: 19px;
  --sp-inset-lg: 12px;
  --sp-inset-xl: 12px;
  --sp-stack-xs: 28px;
  --sp-stack-sm: 16px;
  --sp-stack-md: 45px;
  --sp-stack-lg: 56px;
  --sp-region: 32px;
  --sp-section: 73px;
  --sp-section-lg: 104px;
  --sp-chapter: 125px;
  --sp-chapter-lg: 84px;
}
