/* Substrate tokens — plain CSS export (no build step). Generated by substrate-engine; do not edit. */
/* PP Pangaia: free stand-in, https://pangrampangram.com/products/pangaia */
@font-face { font-family: 'PP Pangaia'; font-style: normal; font-weight: 400 500; font-display: swap; src: url('../../fonts/PPPangaia-Medium.woff2') format('woff2'); }
@font-face { font-family: 'PP Pangaia'; font-style: italic; font-weight: 400 500; font-display: swap; src: url('../../fonts/PPPangaia-MediumItalic.woff2') format('woff2'); }
@font-face { font-family: 'PP Pangaia'; font-style: normal; font-weight: 700; font-display: swap; src: url('../../fonts/PPPangaia-Medium.woff2') format('woff2'); }
@font-face { font-family: 'PP Pangaia'; font-style: italic; font-weight: 700; font-display: swap; src: url('../../fonts/PPPangaia-MediumItalic.woff2') format('woff2'); }
/* Figtree: free stand-in, https://fonts.googleapis.com/css2?family=Figtree:wght@400;500;600;700&display=swap */
@font-face { font-family: 'Figtree'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/figtree/v9/_Xms-HUzqDCFdgfMm4q9DaRvziissg.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'Figtree'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/figtree/v9/_Xms-HUzqDCFdgfMm4S9DaRvzig.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Figtree'; font-style: normal; font-weight: 500; font-display: swap; src: url(https://fonts.gstatic.com/s/figtree/v9/_Xms-HUzqDCFdgfMm4q9DaRvziissg.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'Figtree'; font-style: normal; font-weight: 500; font-display: swap; src: url(https://fonts.gstatic.com/s/figtree/v9/_Xms-HUzqDCFdgfMm4S9DaRvzig.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Figtree'; font-style: normal; font-weight: 600; font-display: swap; src: url(https://fonts.gstatic.com/s/figtree/v9/_Xms-HUzqDCFdgfMm4q9DaRvziissg.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'Figtree'; font-style: normal; font-weight: 600; font-display: swap; src: url(https://fonts.gstatic.com/s/figtree/v9/_Xms-HUzqDCFdgfMm4S9DaRvzig.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Figtree'; font-style: normal; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/figtree/v9/_Xms-HUzqDCFdgfMm4q9DaRvziissg.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'Figtree'; font-style: normal; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/figtree/v9/_Xms-HUzqDCFdgfMm4S9DaRvzig.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
:root {
  --font-sans: Figtree, -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif;
  --font-display: 'PP Pangaia', 'Iowan Old Style', Palatino, Georgia, 'Times New Roman', 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: #FCF7FF;
  --color-signal-100: #F8EDFF;
  --color-signal-200: #F1D9FF;
  --color-signal-300: #E6BAFF;
  --color-signal-400: #CC8DEE;
  --color-signal-500: #B061D8;
  --color-signal-600: #8E48B1;
  --color-signal-700: #6B3487;
  --color-signal-800: #4B225F;
  --color-signal-900: #2C113A;
  --color-signal-950: #12021B;

  --color-ember-50: #FEF8F8;
  --color-ember-100: #FDEDEF;
  --color-ember-200: #FBDADD;
  --color-ember-300: #F8BCC2;
  --color-ember-400: #F38594;
  --color-ember-500: #E24D6C;
  --color-ember-600: #B93553;
  --color-ember-700: #8D243D;
  --color-ember-800: #641628;
  --color-ember-900: #3D0915;
  --color-ember-950: #1A0205;

  --color-moss-50: #F3FDF2;
  --color-moss-100: #E4F9E1;
  --color-moss-200: #C9F0C4;
  --color-moss-300: #A4E19C;
  --color-moss-400: #70C267;
  --color-moss-500: #36A42C;
  --color-moss-600: #238319;
  --color-moss-700: #186211;
  --color-moss-800: #0E4408;
  --color-moss-900: #052803;
  --color-moss-950: #010E01;

  --color-amber-50: #FCFAEC;
  --color-amber-100: #F7F3D6;
  --color-amber-200: #EDE5AE;
  --color-amber-300: #DDD077;
  --color-amber-400: #BEAD34;
  --color-amber-500: #998B28;
  --color-amber-600: #796E1E;
  --color-amber-700: #5B5214;
  --color-amber-800: #3E380B;
  --color-amber-900: #242004;
  --color-amber-950: #0D0A01;

  --text-display: 96px;
  --text-display--line-height: 0.95;
  --text-display--letter-spacing: -0.03em;
  --text-display--font-weight: 400;
  --text-h1: 75px;
  --text-h1--line-height: 1;
  --text-h1--letter-spacing: -0.03em;
  --text-h1--font-weight: 400;
  --text-h2: 64px;
  --text-h2--line-height: 0.95;
  --text-h2--letter-spacing: -0.03em;
  --text-h2--font-weight: 400;
  --text-h3: 48px;
  --text-h3--line-height: 1.1;
  --text-h3--letter-spacing: 0em;
  --text-h3--font-weight: 400;
  --text-lead: 20px;
  --text-lead--line-height: 1.3;
  --text-lead--letter-spacing: -0.004em;
  --text-lead--font-weight: 500;
  --text-body: 16px;
  --text-body--line-height: 1.5;
  --text-body--letter-spacing: 0em;
  --text-body--font-weight: 400;
  --text-small: 14px;
  --text-small--line-height: 1.3;
  --text-small--letter-spacing: 0em;
  --text-small--font-weight: 500;
  --text-caption: 12.22px;
  --text-caption--line-height: 1.45;
  --text-caption--letter-spacing: 0.0353em;
  --text-caption--font-weight: 400;
  --text-micro: 14px;
  --text-micro--line-height: 1.3;
  --text-micro--letter-spacing: 0.08em;
  --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-base-color-lumen: var(--palette-base-color-lumen);
  --color-palette-text-color-text-secondary: var(--palette-text-color-text-secondary);
  --color-palette-text-color-text-primary: var(--palette-text-color-text-primary);
  --color-palette-border-color-border-secondary: var(--palette-border-color-border-secondary);
  --color-palette-base-color-lumen-dark: var(--palette-base-color-lumen-dark);
  --color-palette-background-color-background-primary: var(--palette-background-color-background-primary);
  --color-palette-background-color-background-secondary: var(--palette-background-color-background-secondary);
  --color-palette-background-color-background-tertiary: var(--palette-background-color-background-tertiary);
  --color-palette-base-color-fathom: var(--palette-base-color-fathom);
  --color-palette-base-color-glow: var(--palette-base-color-glow);
  --color-palette-base-color-vast: var(--palette-base-color-vast);
  --color-palette-base-color-dawn: var(--palette-base-color-dawn);
  --color-palette-background-color-background-alternate: var(--palette-background-color-background-alternate);
  --color-palette-base-color-white: var(--palette-base-color-white);
  --color-palette-base-color-flare: var(--palette-base-color-flare);
  --color-palette-text-color-text-tertiary: var(--palette-text-color-text-tertiary);
  --color-palette-base-color-pulse: var(--palette-base-color-pulse);
  --color-palette-base-color-system-success-green: var(--palette-base-color-system-success-green);
  --color-palette-base-color-signal: var(--palette-base-color-signal);
  --color-palette-base-color-system-error-red: var(--palette-base-color-system-error-red);
  --color-palette-text-color-text-alternate: var(--palette-text-color-text-alternate);
  --color-palette-background-color-background-success: var(--palette-background-color-background-success);
  --color-palette-base-color-system-error-red-dark: var(--palette-base-color-system-error-red-dark);
  --color-palette-base-color-neutral-neutral: var(--palette-base-color-neutral-neutral);
  --color-palette-text-color-text-success: var(--palette-text-color-text-success);
  --color-palette-base-color-neutral-white: var(--palette-base-color-neutral-white);
  --color-palette-base-color-system-warning-yellow: var(--palette-base-color-system-warning-yellow);
  --color-palette-link-color-link-primary: var(--palette-link-color-link-primary);
  --color-palette-base-color-neutral-neutral-darkest: var(--palette-base-color-neutral-neutral-darkest);
  --color-palette-background-color-background-error: var(--palette-background-color-background-error);
  --color-palette-text-color-text-error: var(--palette-text-color-text-error);
  --color-palette-background-color-background-warning: var(--palette-background-color-background-warning);
  --color-palette-text-color-text-warning: var(--palette-text-color-text-warning);
  --color-palette-base-color-neutral-neutral-lighter: var(--palette-base-color-neutral-neutral-lighter);
  --color-palette-base-color-neutral-neutral-darker: var(--palette-base-color-neutral-neutral-darker);
  --color-palette-base-color-system-success-green-dark: var(--palette-base-color-system-success-green-dark);
  --color-palette-base-color-system-warning-yellow-dark: var(--palette-base-color-system-warning-yellow-dark);
  --color-palette-base-color-sun: var(--palette-base-color-sun);
  --color-palette-base-color-peach: var(--palette-base-color-peach);
  --color-palette-base-color-marker: var(--palette-base-color-marker);
  --color-ink-heading: var(--ink-heading);
  --color-ink-display: var(--ink-display);
  --color-ink-eyebrow: var(--ink-eyebrow);
  --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-avatar: var(--r-avatar);
  --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: #f7f5ee;
  --foreground: #1a1a1a;
  --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: #ede7dd;
  --card-foreground: #1a1a1a;
  --popover: #ffffff;
  --popover-foreground: var(--color-neutral-900);
  --primary: #f0d7ff;
  --primary-foreground: #1a1a1a;
  --secondary: #f7f5ee;
  --secondary-foreground: #1a1a1a;
  --muted: #e4e4d0;
  --muted-foreground: #5f5f59;
  --accent: #f0d7ff;
  --accent-foreground: #1a1a1a;
  --brand-muted: var(--color-signal-100);
  --brand-base: #075148;
  --brand-strong: #075148;
  --brand-emphasis: var(--color-signal-700);
  --brand-contrast: #ffffeb;
  --interactive: #1a1a1a;
  --interactive-foreground: #ffffeb;
  --interactive-muted: var(--color-signal-100);
  --ring: #1a1a1a;
  --destructive: #7f1c34;
  --destructive-foreground: #ffffff;
  --destructive-muted: #f8e4e4;
  --destructive-solid: var(--color-ember-600);
  --destructive-solid-foreground: var(--color-neutral-0);
  --success: #114e0b;
  --success-foreground: #ffffff;
  --success-muted: #cef5ca;
  --success-solid: var(--color-moss-600);
  --success-solid-foreground: var(--color-neutral-0);
  --warning: #5e5515;
  --warning-foreground: #ffffff;
  --warning-muted: #fcf8d8;
  --warning-solid: var(--color-amber-600);
  --warning-solid-foreground: var(--color-neutral-0);
  --info: var(--color-signal-700);
  --info-foreground: var(--color-neutral-0);
  --info-muted: var(--color-signal-100);
  --info-solid: var(--color-signal-600);
  --info-solid-foreground: var(--color-neutral-0);
  --border: #d1d1c1;
  --input: #d1d1c1;
  --divider: #d1d1c1;
  --text-secondary: #5f5f59;
  --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: var(--color-signal-500);
  --chart-2: var(--color-ember-500);
  --chart-3: var(--color-moss-500);
  --chart-4: var(--color-amber-500);
  --chart-5: var(--color-neutral-500);
  --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: 20px;
  --sp-stack-sm: 24px;
  --sp-stack-md: 32px;
  --sp-stack-lg: 48px;
  --sp-region: 80px;
  --sp-section: 100px;
  --sp-section-lg: 100px;
  --sp-chapter: 128px;
  --sp-chapter-lg: 128px;
  --ms-xs: 34ch;
  --ms-sm: 48ch;
  --ms-md: 62ch;
  --ms-lg: 72ch;
  --lay-narrow: 48rem;
  --lay-page: 1240px;
  --lay-wide: 80rem;
  --lay-gutter: 40px;
  --ctl-2xs: 24px;
  --ctl-xs: 28px;
  --ctl-sm: 32px;
  --ctl-md: 44px;
  --ctl-lg: 52px;
  --ctl-xl: 62px;
  --stroke-hairline: 1px;
  --r-sm: 6px;
  --r-md: 8px;
  --r-lg: 10px;
  --r-xl: 14px;
  --r-2xl: 18px;
  --r-controls: 8px;
  --r-containers: 32px;
  --r-inline: 12px;
  --r-chip: 9999px;
  --r-track: 9999px;
  --r-card-small: 12px;
  --r-avatar: 0px;
  --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-base-color-lumen: #ffffeb;
  --palette-text-color-text-secondary: #ffffeb;
  --palette-text-color-text-primary: #1a1a1a;
  --palette-border-color-border-secondary: #1a1a1a;
  --palette-base-color-lumen-dark: #e4e4d0;
  --palette-background-color-background-primary: #f7f5ee;
  --palette-background-color-background-secondary: #f0d7ff;
  --palette-background-color-background-tertiary: #1a1a1a;
  --palette-base-color-fathom: #075148;
  --palette-base-color-glow: #ffa946;
  --palette-base-color-vast: #1a1a1a;
  --palette-base-color-dawn: #f0d7ff;
  --palette-background-color-background-alternate: #ffffff;
  --palette-base-color-white: #ffffff;
  --palette-base-color-flare: #ff6c4c;
  --palette-text-color-text-tertiary: #f0d7ff;
  --palette-base-color-pulse: #7f1c34;
  --palette-base-color-system-success-green: #cef5ca;
  --palette-base-color-signal: #ffbcf2;
  --palette-base-color-system-error-red: #f8e4e4;
  --palette-text-color-text-alternate: #ffffff;
  --palette-background-color-background-success: #cef5ca;
  --palette-base-color-system-error-red-dark: #7f1c34;
  --palette-base-color-neutral-neutral: #666666;
  --palette-text-color-text-success: #114e0b;
  --palette-base-color-neutral-white: #ffffff;
  --palette-base-color-system-warning-yellow: #fcf8d8;
  --palette-link-color-link-primary: #f0d7ff;
  --palette-base-color-neutral-neutral-darkest: #111111;
  --palette-background-color-background-error: #f8e4e4;
  --palette-text-color-text-error: #7f1c34;
  --palette-background-color-background-warning: #fcf8d8;
  --palette-text-color-text-warning: #5e5515;
  --palette-base-color-neutral-neutral-lighter: #cccccc;
  --palette-base-color-neutral-neutral-darker: #222222;
  --palette-base-color-system-success-green-dark: #114e0b;
  --palette-base-color-system-warning-yellow-dark: #5e5515;
  --palette-base-color-sun: #ffd84a;
  --palette-base-color-peach: #ffd7bc;
  --palette-base-color-marker: #ffd727;
  --motion-duration-canvas-instant: 240ms;
  --motion-duration-canvas-quick: 400ms;
  --motion-duration-canvas-standard: 640ms;
  --motion-duration-canvas-considered: 1040ms;
  --motion-duration-canvas-camera: 1400ms;
  --weight-regular: 400;
  --weight-medium: 500;
  --weight-semibold: 600;
  --weight-bold: 700;
  --ink-heading: #1a1a1a;
  --ink-display: #1a1a1a;
  --ink-eyebrow: #5f5f59;
  --inverse-surface: #1a1a1a;
  --inverse-foreground: #ffffeb;
  --cap-track: round;
}

[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: 39px;
  --ctl-lg: 47px;
  --ctl-xl: 54px;
}
[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-lg: 172px;
  --ctl-2xs: 28px;
  --ctl-xs: 32px;
  --ctl-sm: 36px;
  --ctl-md: 51px;
  --ctl-lg: 60px;
  --ctl-xl: 72px;
}
[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: 20px;
  --sp-stack-sm: 24px;
  --sp-stack-md: 32px;
  --sp-stack-lg: 48px;
  --sp-region: 80px;
  --sp-section: 100px;
  --sp-section-lg: 100px;
  --sp-chapter: 128px;
  --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: 20px;
  --sp-stack-sm: 24px;
  --sp-stack-md: 32px;
  --sp-stack-lg: 48px;
  --sp-region: 80px;
  --sp-section: 100px;
  --sp-section-lg: 100px;
  --sp-chapter: 128px;
  --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;
}

:root { color-scheme: light; }
body { background: var(--background); }
