:root {
  --sg-surface-canvas: #F7F0E9;
  --sg-surface-raised: #FEFCFA;
  --sg-surface-sunken: #EEE3DA;
  --sg-surface-brand: #D99F9C;
  --sg-surface-brand-hover: #E0AFAC;
  --sg-surface-brand-current: #E5BBB7;
  --sg-surface-accent: #365B70;
  --sg-surface-inverse: #443C3A;
  --sg-surface-brand-soft: #F6E3E6;
  --sg-surface-overlay: #FEFCFA;
  --sg-scrim: #27201F;
  --sg-ink-on-scrim: #FEFCFA;
  --sg-scene-welcome: #FEF9EF;
  --sg-scene-mist: #FCF4F4;
  --sg-scene-clay: #EEE3DA;
  --sg-scene-visit: #F7F0E9;
  --sg-gold-ink: #7C5F1C;
  --sg-gold-wash: #FDF6E2;
  --sg-gold-line: #8A6A1F;
  --sg-chart-ours: #8A4C5F;
  --sg-chart-featured: #A5821F;
  --sg-chart-watched: #2A7DB0;
  --sg-chart-rover: #2A9460;
  --sg-chart-other: #9D8F82;
  --sg-ink: #5E3140;
  --sg-ink-soft: #79505B;
  --sg-ink-muted: #7C545F;
  --sg-ink-accent: #294354;
  --sg-ink-brand: #8A4C5F;
  --sg-ink-on-brand: #27201F;
  --sg-ink-on-accent: #FEFCFA;
  --sg-ink-on-inverse: #FEFCFA;
  --sg-ink-on-overlay: #27201F;
  --sg-ink-on-brand-soft: #503D3C;
  --sg-line-subtle: #EEE3DA;
  --sg-line: #9D8F82;
  --sg-line-strong: #655957;
  --sg-line-accent: #668EA2;
  --sg-line-overlay: #EEE3DA;
  --sg-line-on-brand: #ECCBC8;
  --sg-action-primary: #D99F9C;
  --sg-action-primary-ink: #27201F;
  --sg-action-neutral: #EEE3DA;
  --sg-action-neutral-ink: #27201F;
  --sg-action-danger: #6B012F;
  --sg-action-danger-ink: #FEFCFA;
  --sg-action-primary-hover: #C18E8B;
  --sg-action-neutral-hover: #F7F0E9;
  --sg-action-danger-hover: #4A0420;
  --sg-nav-ink: #5E3140;
  --sg-nav-hover-fill: #FBF3F3;
  --sg-nav-current-fill: #F9EBED;
  --sg-nav-current-line: #E4D9DA;
  --sg-account-tab-overview: #546270;
  --sg-account-tab-overview-ink: #FFFFFF;
  --sg-account-tab-calendar: #4D6475;
  --sg-account-tab-calendar-ink: #FFFFFF;
  --sg-account-tab-pets: #5C6B59;
  --sg-account-tab-pets-ink: #FFFFFF;
  --sg-account-tab-contacts: #756176;
  --sg-account-tab-contacts-ink: #FFFFFF;
  --sg-account-tab-meet-greets: #836347;
  --sg-account-tab-meet-greets-ink: #FFFFFF;
  --sg-account-tab-stays: #7B465B;
  --sg-account-tab-stays-ink: #FFFFFF;
  --sg-account-tab-messages: #526C68;
  --sg-account-tab-messages-ink: #FFFFFF;
  --sg-choice-neutral-hover: #FBF8F5;
  --sg-choice-neutral-fill: #F9F4F0;
  --sg-choice-neutral-line: #655957;
  --sg-choice-neutral-mark: #443C3A;
  --sg-choice-neutral-mark-ink: #FEFCFA;
  --sg-choice-brand-hover: #FBF3F3;
  --sg-choice-brand-fill: #F9EBED;
  --sg-choice-brand-line: #8A4C5F;
  --sg-choice-brand-mark: #5E3140;
  --sg-choice-brand-mark-ink: #FEFCFA;
  --sg-choice-accent-hover: #F3F5F5;
  --sg-choice-accent-fill: #E9EFF1;
  --sg-choice-accent-line: #365B70;
  --sg-choice-accent-mark: #294354;
  --sg-choice-accent-mark-ink: #FEFCFA;
  --sg-choice-danger-hover: #FFF1F2;
  --sg-choice-danger-fill: #FFE7EA;
  --sg-choice-danger-line: #6B012F;
  --sg-choice-danger-mark: #4A0420;
  --sg-choice-danger-mark-ink: #FEFCFA;
  --sg-emphasis-wash: #F7F1EC;
  --sg-status-positive: #D9EBE4;
  --sg-status-positive-ink: #27201F;
  --sg-status-warning: #F9E2C9;
  --sg-status-warning-ink: #27201F;
  --sg-status-danger: #FFDCE3;
  --sg-status-danger-ink: #27201F;
  --sg-status-info: #D9E9F3;
  --sg-status-info-ink: #27201F;
  --sg-focus-ring: #8A4C5F;
  --sg-light-source: #FEFCFA;
  --sg-shadow-source: #27201F;
  --sg-brand-tint3: #FBF1F3;
  --sg-brand-tint2: #F6E2E6;
  --sg-brand-tint1: #EBC5CE;
  --sg-brand-base: #D99F9C;
  --sg-brand-shade1: #8A4C5F;
  --sg-brand-shade2: #5E3140;
  --sg-brand-shade3: #4B2733;
  --sg-accent-tint3: #EEF3F6;
  --sg-accent-tint2: #DCE8EE;
  --sg-accent-tint1: #BAD0DB;
  --sg-accent-base: #668EA2;
  --sg-accent-shade1: #365B70;
  --sg-accent-shade2: #294354;
  --sg-accent-shade3: #1B313F;
  --sg-neutral-tint3: #FEFCFA;
  --sg-neutral-tint2: #F7F0E9;
  --sg-neutral-tint1: #EEE3DA;
  --sg-neutral-base: #9D8F82;
  --sg-neutral-shade1: #655957;
  --sg-neutral-shade2: #443C3A;
  --sg-neutral-shade3: #27201F;
  --sg-gold-tint3: #FDF6E2;
  --sg-gold-tint2: #F7E9BE;
  --sg-gold-tint1: #F0CF5D;
  --sg-gold-base: #C9A227;
  --sg-gold-shade1: #A5821F;
  --sg-gold-shade2: #8A6A1F;
  --sg-gold-shade3: #5E4714;
  --snuggles-canvas: var(--sg-surface-canvas);
  --snuggles-surface: var(--sg-surface-raised);
  --snuggles-surface-soft: var(--sg-surface-canvas);
  --snuggles-surface-cool: var(--sg-surface-sunken);
  --snuggles-ink: var(--sg-ink);
  --snuggles-ink-subtle: var(--sg-ink);
  --snuggles-action: var(--sg-action-primary);
  --snuggles-action-hover: var(--sg-action-primary-hover);
  --snuggles-action-label: var(--sg-action-primary-ink);
  --snuggles-border: var(--sg-line);
  --snuggles-focus-ring: var(--sg-focus-ring);
  --snuggles-accent: var(--sg-surface-accent);
  --snuggles-brand-strong: var(--sg-surface-brand);
  --snuggles-brand-soft: var(--sg-surface-brand-soft);
  --snuggles-neutral-1: var(--sg-surface-raised);
  --snuggles-neutral-2: var(--sg-surface-canvas);
  --snuggles-neutral-3: var(--sg-surface-sunken);
  --snuggles-brand-mid: var(--sg-brand-base);
  --snuggles-green-1: var(--sg-brand-shade3);
  --snuggles-green-2: var(--sg-brand-base);
  --snuggles-green-3: var(--sg-brand-tint1);
  --snuggles-pink-1: var(--sg-accent-base);
  --snuggles-pink-2: var(--sg-accent-tint1);
  --snuggles-pink-3: var(--sg-accent-tint2);
  --snuggles-pink-deep: var(--sg-accent-shade3);
  --snuggles-primary-50: #FBF1F3;
  --snuggles-primary-100: #F6E2E6;
  --snuggles-primary-200: #EBC5CE;
  --snuggles-primary-300: #D9A2B0;
  --snuggles-primary-400: #C27F91;
  --snuggles-primary-500: #A66175;
  --snuggles-primary-600: #8A4C5F;
  --snuggles-primary-700: #713D4D;
  --snuggles-primary-800: #5E3140;
  --snuggles-primary-900: #4B2733;
  --sg-positive-50: #ECF5F2;
  --sg-positive-100: #D9EBE4;
  --sg-positive-200: #B8D6CA;
  --sg-positive-300: #B8D6CA;
  --sg-positive-400: #3D6F5E;
  --sg-positive-500: #3D6F5E;
  --sg-positive-600: #0B4535;
  --sg-positive-700: #0B4535;
  --sg-positive-800: #0C2F24;
  --sg-positive-900: #01241A;
  --sg-positive-950: #01241A;
  --sg-warning-50: #FCF1E4;
  --sg-warning-100: #F9E2C9;
  --sg-warning-200: #EEC69B;
  --sg-warning-300: #EEC69B;
  --sg-warning-400: #B4761F;
  --sg-warning-500: #B4761F;
  --sg-warning-600: #6F4506;
  --sg-warning-700: #6F4506;
  --sg-warning-800: #503001;
  --sg-warning-900: #3E2400;
  --sg-warning-950: #3E2400;
  --sg-danger-50: #FFEEF1;
  --sg-danger-100: #FFDCE3;
  --sg-danger-200: #FEB7C7;
  --sg-danger-300: #FEB7C7;
  --sg-danger-400: #A33232;
  --sg-danger-500: #A33232;
  --sg-danger-600: #6B012F;
  --sg-danger-700: #6B012F;
  --sg-danger-800: #4A0420;
  --sg-danger-900: #3B0017;
  --sg-danger-950: #3B0017;
  --sg-info-50: #ECF4F9;
  --sg-info-100: #D9E9F3;
  --sg-info-200: #B7D3E4;
  --sg-info-300: #B7D3E4;
  --sg-info-400: #3F6B86;
  --sg-info-500: #3F6B86;
  --sg-info-600: #0F405A;
  --sg-info-700: #0F405A;
  --sg-info-800: #102C3C;
  --sg-info-900: #052131;
  --sg-info-950: #052131;
  --sg-lift: #FEFCFA;
  --sg-sink: #27201F;
  --sg-highlight: rgb(255 255 255 / 72%);
  --sg-highlight-soft: rgb(255 255 255 / 46%);
  --sg-shadow: rgb(13 49 41 / 13%);
  --sg-shadow-soft: rgb(13 49 41 / 6%);
  --sg-glass: color-mix(in oklab, var(--sg-surface-overlay) 88%, transparent);
  --sg-glass-sheer: color-mix(in oklab, var(--sg-surface-overlay) 72%, transparent);
}

[data-sg-appearance="light"] {
  --sg-surface-canvas: #F7F0E9;
  --sg-surface-raised: #FEFCFA;
  --sg-surface-sunken: #EEE3DA;
  --sg-surface-brand: #D99F9C;
  --sg-surface-brand-hover: #E0AFAC;
  --sg-surface-brand-current: #E5BBB7;
  --sg-surface-accent: #365B70;
  --sg-surface-inverse: #443C3A;
  --sg-surface-brand-soft: #F6E3E6;
  --sg-surface-overlay: #FEFCFA;
  --sg-scrim: #27201F;
  --sg-ink-on-scrim: #FEFCFA;
  --sg-scene-welcome: #FEF9EF;
  --sg-scene-mist: #FCF4F4;
  --sg-scene-clay: #EEE3DA;
  --sg-scene-visit: #F7F0E9;
  --sg-gold-ink: #7C5F1C;
  --sg-gold-wash: #FDF6E2;
  --sg-gold-line: #8A6A1F;
  --sg-chart-ours: #8A4C5F;
  --sg-chart-featured: #A5821F;
  --sg-chart-watched: #2A7DB0;
  --sg-chart-rover: #2A9460;
  --sg-chart-other: #9D8F82;
  --sg-ink: #5E3140;
  --sg-ink-soft: #79505B;
  --sg-ink-muted: #7C545F;
  --sg-ink-accent: #294354;
  --sg-ink-brand: #8A4C5F;
  --sg-ink-on-brand: #27201F;
  --sg-ink-on-accent: #FEFCFA;
  --sg-ink-on-inverse: #FEFCFA;
  --sg-ink-on-overlay: #27201F;
  --sg-ink-on-brand-soft: #503D3C;
  --sg-line-subtle: #EEE3DA;
  --sg-line: #9D8F82;
  --sg-line-strong: #655957;
  --sg-line-accent: #668EA2;
  --sg-line-overlay: #EEE3DA;
  --sg-line-on-brand: #ECCBC8;
  --sg-action-primary: #D99F9C;
  --sg-action-primary-ink: #27201F;
  --sg-action-neutral: #EEE3DA;
  --sg-action-neutral-ink: #27201F;
  --sg-action-danger: #6B012F;
  --sg-action-danger-ink: #FEFCFA;
  --sg-action-primary-hover: #C18E8B;
  --sg-action-neutral-hover: #F7F0E9;
  --sg-action-danger-hover: #4A0420;
  --sg-nav-ink: #5E3140;
  --sg-nav-hover-fill: #FBF3F3;
  --sg-nav-current-fill: #F9EBED;
  --sg-nav-current-line: #E4D9DA;
  --sg-choice-neutral-hover: #FBF8F5;
  --sg-choice-neutral-fill: #F9F4F0;
  --sg-choice-neutral-line: #655957;
  --sg-choice-neutral-mark: #443C3A;
  --sg-choice-neutral-mark-ink: #FEFCFA;
  --sg-choice-brand-hover: #FBF3F3;
  --sg-choice-brand-fill: #F9EBED;
  --sg-choice-brand-line: #8A4C5F;
  --sg-choice-brand-mark: #5E3140;
  --sg-choice-brand-mark-ink: #FEFCFA;
  --sg-choice-accent-hover: #F3F5F5;
  --sg-choice-accent-fill: #E9EFF1;
  --sg-choice-accent-line: #365B70;
  --sg-choice-accent-mark: #294354;
  --sg-choice-accent-mark-ink: #FEFCFA;
  --sg-choice-danger-hover: #FFF1F2;
  --sg-choice-danger-fill: #FFE7EA;
  --sg-choice-danger-line: #6B012F;
  --sg-choice-danger-mark: #4A0420;
  --sg-choice-danger-mark-ink: #FEFCFA;
  --sg-emphasis-wash: #F7F1EC;
  --sg-status-positive: #D9EBE4;
  --sg-status-positive-ink: #27201F;
  --sg-status-warning: #F9E2C9;
  --sg-status-warning-ink: #27201F;
  --sg-status-danger: #FFDCE3;
  --sg-status-danger-ink: #27201F;
  --sg-status-info: #D9E9F3;
  --sg-status-info-ink: #27201F;
  --sg-focus-ring: #8A4C5F;
  --sg-light-source: #FEFCFA;
  --sg-shadow-source: #27201F;
  --sg-brand-tint3: #FBF1F3;
  --sg-brand-tint2: #F6E2E6;
  --sg-brand-tint1: #EBC5CE;
  --sg-brand-base: #D99F9C;
  --sg-brand-shade1: #8A4C5F;
  --sg-brand-shade2: #5E3140;
  --sg-brand-shade3: #4B2733;
  --sg-accent-tint3: #EEF3F6;
  --sg-accent-tint2: #DCE8EE;
  --sg-accent-tint1: #BAD0DB;
  --sg-accent-base: #668EA2;
  --sg-accent-shade1: #365B70;
  --sg-accent-shade2: #294354;
  --sg-accent-shade3: #1B313F;
  --sg-neutral-tint3: #FEFCFA;
  --sg-neutral-tint2: #F7F0E9;
  --sg-neutral-tint1: #EEE3DA;
  --sg-neutral-base: #9D8F82;
  --sg-neutral-shade1: #655957;
  --sg-neutral-shade2: #443C3A;
  --sg-neutral-shade3: #27201F;
  --sg-gold-tint3: #FDF6E2;
  --sg-gold-tint2: #F7E9BE;
  --sg-gold-tint1: #F0CF5D;
  --sg-gold-base: #C9A227;
  --sg-gold-shade1: #A5821F;
  --sg-gold-shade2: #8A6A1F;
  --sg-gold-shade3: #5E4714;
  --snuggles-primary-50: #FBF1F3;
  --snuggles-primary-100: #F6E2E6;
  --snuggles-primary-200: #EBC5CE;
  --snuggles-primary-300: #D9A2B0;
  --snuggles-primary-400: #C27F91;
  --snuggles-primary-500: #A66175;
  --snuggles-primary-600: #8A4C5F;
  --snuggles-primary-700: #713D4D;
  --snuggles-primary-800: #5E3140;
  --snuggles-primary-900: #4B2733;
  --sg-positive-50: #ECF5F2;
  --sg-positive-100: #D9EBE4;
  --sg-positive-200: #B8D6CA;
  --sg-positive-300: #B8D6CA;
  --sg-positive-400: #3D6F5E;
  --sg-positive-500: #3D6F5E;
  --sg-positive-600: #0B4535;
  --sg-positive-700: #0B4535;
  --sg-positive-800: #0C2F24;
  --sg-positive-900: #01241A;
  --sg-positive-950: #01241A;
  --sg-warning-50: #FCF1E4;
  --sg-warning-100: #F9E2C9;
  --sg-warning-200: #EEC69B;
  --sg-warning-300: #EEC69B;
  --sg-warning-400: #B4761F;
  --sg-warning-500: #B4761F;
  --sg-warning-600: #6F4506;
  --sg-warning-700: #6F4506;
  --sg-warning-800: #503001;
  --sg-warning-900: #3E2400;
  --sg-warning-950: #3E2400;
  --sg-danger-50: #FFEEF1;
  --sg-danger-100: #FFDCE3;
  --sg-danger-200: #FEB7C7;
  --sg-danger-300: #FEB7C7;
  --sg-danger-400: #A33232;
  --sg-danger-500: #A33232;
  --sg-danger-600: #6B012F;
  --sg-danger-700: #6B012F;
  --sg-danger-800: #4A0420;
  --sg-danger-900: #3B0017;
  --sg-danger-950: #3B0017;
  --sg-info-50: #ECF4F9;
  --sg-info-100: #D9E9F3;
  --sg-info-200: #B7D3E4;
  --sg-info-300: #B7D3E4;
  --sg-info-400: #3F6B86;
  --sg-info-500: #3F6B86;
  --sg-info-600: #0F405A;
  --sg-info-700: #0F405A;
  --sg-info-800: #102C3C;
  --sg-info-900: #052131;
  --sg-info-950: #052131;
  --sg-lift: #FEFCFA;
  --sg-sink: #27201F;
  --sg-highlight: rgb(255 255 255 / 72%);
  --sg-highlight-soft: rgb(255 255 255 / 46%);
  --sg-shadow: rgb(13 49 41 / 13%);
  --sg-shadow-soft: rgb(13 49 41 / 6%);
  --sg-glass: color-mix(in oklab, var(--sg-surface-overlay) 88%, transparent);
  --sg-glass-sheer: color-mix(in oklab, var(--sg-surface-overlay) 72%, transparent);
}

[data-sg-appearance="dark"] {
  --sg-surface-canvas: #27201F;
  --sg-surface-raised: #383130;
  --sg-surface-sunken: #201918;
  --sg-surface-brand: #D99F9C;
  --sg-surface-brand-hover: #E0AFAC;
  --sg-surface-brand-current: #E5BBB7;
  --sg-surface-accent: #BAD0DB;
  --sg-surface-inverse: #F7F0E9;
  --sg-surface-brand-soft: #63444A;
  --sg-surface-overlay: #48403F;
  --sg-scrim: #170F0D;
  --sg-ink-on-scrim: #FEFCFA;
  --sg-scene-welcome: #362B1F;
  --sg-scene-mist: #312224;
  --sg-scene-clay: #2F2827;
  --sg-scene-visit: #27201F;
  --sg-gold-ink: #F0CF5D;
  --sg-gold-wash: #4E412F;
  --sg-gold-line: #A5821F;
  --sg-chart-ours: #D99F9C;
  --sg-chart-featured: #A5821F;
  --sg-chart-watched: #3F93C9;
  --sg-chart-rover: #49B37A;
  --sg-chart-other: #9D8F82;
  --sg-ink: #FBF1F3;
  --sg-ink-soft: #D7CDCF;
  --sg-ink-muted: #D3CACB;
  --sg-ink-accent: #BAD0DB;
  --sg-ink-brand: #EBC5CE;
  --sg-ink-on-brand: #27201F;
  --sg-ink-on-accent: #27201F;
  --sg-ink-on-inverse: #27201F;
  --sg-ink-on-overlay: #FEFCFA;
  --sg-ink-on-brand-soft: #503D3C;
  --sg-line-subtle: #443C3A;
  --sg-line: #655957;
  --sg-line-strong: #9D8F82;
  --sg-line-accent: #BAD0DB;
  --sg-line-overlay: #655957;
  --sg-line-on-brand: #ECCBC8;
  --sg-action-primary: #D99F9C;
  --sg-action-primary-ink: #27201F;
  --sg-action-neutral: #655957;
  --sg-action-neutral-ink: #FEFCFA;
  --sg-action-danger: #FEB7C7;
  --sg-action-danger-ink: #27201F;
  --sg-action-primary-hover: #C18E8B;
  --sg-action-neutral-hover: #655957;
  --sg-action-danger-hover: #FFDCE3;
  --sg-nav-ink: #FBF1F3;
  --sg-nav-hover-fill: #4F3F40;
  --sg-nav-current-fill: #594145;
  --sg-nav-current-line: #5E5654;
  --sg-choice-neutral-hover: #49413F;
  --sg-choice-neutral-fill: #4E4442;
  --sg-choice-neutral-line: #9D8F82;
  --sg-choice-neutral-mark: #F7F0E9;
  --sg-choice-neutral-mark-ink: #27201F;
  --sg-choice-brand-hover: #4F3F40;
  --sg-choice-brand-fill: #594145;
  --sg-choice-brand-line: #EBC5CE;
  --sg-choice-brand-mark: #EBC5CE;
  --sg-choice-brand-mark-ink: #27201F;
  --sg-choice-accent-hover: #434143;
  --sg-choice-accent-fill: #42454A;
  --sg-choice-accent-line: #BAD0DB;
  --sg-choice-accent-mark: #BAD0DB;
  --sg-choice-accent-mark-ink: #27201F;
  --sg-choice-danger-hover: #4C3738;
  --sg-choice-danger-fill: #523137;
  --sg-choice-danger-line: #FEB7C7;
  --sg-choice-danger-mark: #FEB7C7;
  --sg-choice-danger-mark-ink: #27201F;
  --sg-emphasis-wash: #372F2E;
  --sg-status-positive: #0C2F24;
  --sg-status-positive-ink: #FEFCFA;
  --sg-status-warning: #503001;
  --sg-status-warning-ink: #FEFCFA;
  --sg-status-danger: #4A0420;
  --sg-status-danger-ink: #FEFCFA;
  --sg-status-info: #102C3C;
  --sg-status-info-ink: #FEFCFA;
  --sg-focus-ring: #EBC5CE;
  --sg-light-source: #FEFCFA;
  --sg-shadow-source: #27201F;
  --sg-brand-tint3: #FBF1F3;
  --sg-brand-tint2: #F6E2E6;
  --sg-brand-tint1: #EBC5CE;
  --sg-brand-base: #D99F9C;
  --sg-brand-shade1: #8A4C5F;
  --sg-brand-shade2: #5E3140;
  --sg-brand-shade3: #4B2733;
  --sg-accent-tint3: #EEF3F6;
  --sg-accent-tint2: #DCE8EE;
  --sg-accent-tint1: #BAD0DB;
  --sg-accent-base: #668EA2;
  --sg-accent-shade1: #365B70;
  --sg-accent-shade2: #294354;
  --sg-accent-shade3: #1B313F;
  --sg-neutral-tint3: #FEFCFA;
  --sg-neutral-tint2: #F7F0E9;
  --sg-neutral-tint1: #EEE3DA;
  --sg-neutral-base: #9D8F82;
  --sg-neutral-shade1: #655957;
  --sg-neutral-shade2: #443C3A;
  --sg-neutral-shade3: #27201F;
  --sg-gold-tint3: #FDF6E2;
  --sg-gold-tint2: #F7E9BE;
  --sg-gold-tint1: #F0CF5D;
  --sg-gold-base: #C9A227;
  --sg-gold-shade1: #A5821F;
  --sg-gold-shade2: #8A6A1F;
  --sg-gold-shade3: #5E4714;
  --snuggles-primary-50: #4B2733;
  --snuggles-primary-100: #5E3140;
  --snuggles-primary-200: #713D4D;
  --snuggles-primary-300: #8A4C5F;
  --snuggles-primary-400: #A66175;
  --snuggles-primary-500: #C27F91;
  --snuggles-primary-600: #D9A2B0;
  --snuggles-primary-700: #EBC5CE;
  --snuggles-primary-800: #F6E2E6;
  --snuggles-primary-900: #FBF1F3;
  --sg-positive-50: #01241A;
  --sg-positive-100: #0C2F24;
  --sg-positive-200: #0B4535;
  --sg-positive-300: #0B4535;
  --sg-positive-400: #3D6F5E;
  --sg-positive-500: #3D6F5E;
  --sg-positive-600: #0B4535;
  --sg-positive-700: #B8D6CA;
  --sg-positive-800: #D9EBE4;
  --sg-positive-900: #ECF5F2;
  --sg-positive-950: #ECF5F2;
  --sg-warning-50: #3E2400;
  --sg-warning-100: #503001;
  --sg-warning-200: #6F4506;
  --sg-warning-300: #6F4506;
  --sg-warning-400: #B4761F;
  --sg-warning-500: #B4761F;
  --sg-warning-600: #6F4506;
  --sg-warning-700: #EEC69B;
  --sg-warning-800: #F9E2C9;
  --sg-warning-900: #FCF1E4;
  --sg-warning-950: #FCF1E4;
  --sg-danger-50: #3B0017;
  --sg-danger-100: #4A0420;
  --sg-danger-200: #6B012F;
  --sg-danger-300: #6B012F;
  --sg-danger-400: #A33232;
  --sg-danger-500: #A33232;
  --sg-danger-600: #6B012F;
  --sg-danger-700: #FEB7C7;
  --sg-danger-800: #FFDCE3;
  --sg-danger-900: #FFEEF1;
  --sg-danger-950: #FFEEF1;
  --sg-info-50: #052131;
  --sg-info-100: #102C3C;
  --sg-info-200: #0F405A;
  --sg-info-300: #0F405A;
  --sg-info-400: #3F6B86;
  --sg-info-500: #3F6B86;
  --sg-info-600: #0F405A;
  --sg-info-700: #B7D3E4;
  --sg-info-800: #D9E9F3;
  --sg-info-900: #ECF4F9;
  --sg-info-950: #ECF4F9;
  --sg-lift: #FEFCFA;
  --sg-sink: #27201F;
  --sg-highlight: rgb(255 255 255 / 12%);
  --sg-highlight-soft: rgb(255 255 255 / 7%);
  --sg-shadow: rgb(13 49 41 / 48%);
  --sg-shadow-soft: rgb(13 49 41 / 30%);
  --sg-glass: color-mix(in oklab, var(--sg-surface-overlay) 92%, transparent);
  --sg-glass-sheer: color-mix(in oklab, var(--sg-surface-overlay) 84%, transparent);
}

[data-sg-theme="porcelain"] {
  --sg-surface-canvas: #F5F1E8;
  --sg-surface-raised: #FDFCF9;
  --sg-surface-sunken: #EAE4D9;
  --sg-surface-brand: #D5D1C7;
  --sg-surface-brand-hover: #DCD9D0;
  --sg-surface-brand-current: #E1DED6;
  --sg-surface-accent: #D99F9C;
  --sg-surface-inverse: #3F3D39;
  --sg-surface-brand-soft: #EBE8E2;
  --sg-surface-overlay: #FDFCF9;
  --sg-scrim: #24211E;
  --sg-ink-on-scrim: #FDFCF9;
  --sg-scene-welcome: #FDF9EF;
  --sg-scene-mist: #F7F6F2;
  --sg-scene-clay: #EAE4D9;
  --sg-scene-visit: #F5F1E8;
  --sg-gold-ink: #7C5F1C;
  --sg-gold-wash: #FDF6E2;
  --sg-gold-line: #8A6A1F;
  --sg-chart-ours: #5C574C;
  --sg-chart-featured: #A5821F;
  --sg-chart-watched: #2A7DB0;
  --sg-chart-rover: #2A9460;
  --sg-chart-other: #928C7E;
  --sg-ink: #403D37;
  --sg-ink-soft: #5D5A53;
  --sg-ink-muted: #615D57;
  --sg-ink-accent: #7A4650;
  --sg-ink-brand: #5C574C;
  --sg-ink-on-brand: #24211E;
  --sg-ink-on-accent: #24211E;
  --sg-ink-on-inverse: #FDFCF9;
  --sg-ink-on-overlay: #24211E;
  --sg-ink-on-brand-soft: #5D5A55;
  --sg-line-subtle: #EAE4D9;
  --sg-line: #928C7E;
  --sg-line-strong: #5E5A54;
  --sg-line-accent: #D99F9C;
  --sg-line-overlay: #EAE4D9;
  --sg-line-on-brand: #E8E5DF;
  --sg-action-primary: #D5D1C7;
  --sg-action-primary-ink: #24211E;
  --sg-action-neutral: #EAE4D9;
  --sg-action-neutral-ink: #24211E;
  --sg-action-danger: #6B012F;
  --sg-action-danger-ink: #FDFCF9;
  --sg-action-primary-hover: #BDB9B0;
  --sg-action-neutral-hover: #F5F1E8;
  --sg-action-danger-hover: #4A0420;
  --sg-nav-ink: #403D37;
  --sg-nav-hover-fill: #F7F5F1;
  --sg-nav-current-fill: #F1EFEA;
  --sg-nav-current-line: #DCDBD7;
  --sg-choice-neutral-hover: #FAF8F4;
  --sg-choice-neutral-fill: #F7F5EF;
  --sg-choice-neutral-line: #5E5A54;
  --sg-choice-neutral-mark: #3F3D39;
  --sg-choice-neutral-mark-ink: #FDFCF9;
  --sg-choice-brand-hover: #F7F5F1;
  --sg-choice-brand-fill: #F1EFEA;
  --sg-choice-brand-line: #5C574C;
  --sg-choice-brand-mark: #403D37;
  --sg-choice-brand-mark-ink: #FDFCF9;
  --sg-choice-accent-hover: #FBF2EF;
  --sg-choice-accent-fill: #F9EAE6;
  --sg-choice-accent-line: #A17874;
  --sg-choice-accent-mark: #7A4650;
  --sg-choice-accent-mark-ink: #FDFCF9;
  --sg-choice-danger-hover: #FEF1F1;
  --sg-choice-danger-fill: #FFE7EA;
  --sg-choice-danger-line: #6B012F;
  --sg-choice-danger-mark: #4A0420;
  --sg-choice-danger-mark-ink: #FDFCF9;
  --sg-emphasis-wash: #F4F1EB;
  --sg-status-positive: #D9EBE4;
  --sg-status-positive-ink: #24211E;
  --sg-status-warning: #F9E2C9;
  --sg-status-warning-ink: #24211E;
  --sg-status-danger: #FFDCE3;
  --sg-status-danger-ink: #24211E;
  --sg-status-info: #D9E9F3;
  --sg-status-info-ink: #24211E;
  --sg-focus-ring: #5C574C;
  --sg-light-source: #FDFCF9;
  --sg-shadow-source: #24211E;
  --sg-brand-tint3: #F5F3EF;
  --sg-brand-tint2: #E9E6DF;
  --sg-brand-tint1: #D5D1C7;
  --sg-brand-base: #928C7E;
  --sg-brand-shade1: #5C574C;
  --sg-brand-shade2: #403D37;
  --sg-brand-shade3: #33302B;
  --sg-accent-tint3: #FDF6F4;
  --sg-accent-tint2: #F6E5E7;
  --sg-accent-tint1: #EFC0BC;
  --sg-accent-base: #D99F9C;
  --sg-accent-shade1: #A17874;
  --sg-accent-shade2: #7A4650;
  --sg-accent-shade3: #5E3140;
  --sg-neutral-tint3: #FDFCF9;
  --sg-neutral-tint2: #F5F1E8;
  --sg-neutral-tint1: #EAE4D9;
  --sg-neutral-base: #928C7E;
  --sg-neutral-shade1: #5E5A54;
  --sg-neutral-shade2: #3F3D39;
  --sg-neutral-shade3: #24211E;
  --sg-gold-tint3: #FDF6E2;
  --sg-gold-tint2: #F7E9BE;
  --sg-gold-tint1: #F0CF5D;
  --sg-gold-base: #C9A227;
  --sg-gold-shade1: #A5821F;
  --sg-gold-shade2: #8A6A1F;
  --sg-gold-shade3: #5E4714;
  --snuggles-primary-50: #F5F3EF;
  --snuggles-primary-100: #E9E6DF;
  --snuggles-primary-200: #D5D1C7;
  --snuggles-primary-300: #B4AFA2;
  --snuggles-primary-400: #928C7E;
  --snuggles-primary-500: #746E61;
  --snuggles-primary-600: #5C574C;
  --snuggles-primary-700: #4B473E;
  --snuggles-primary-800: #403D37;
  --snuggles-primary-900: #33302B;
  --sg-lift: #FDFCF9;
  --sg-sink: #24211E;
  --sg-highlight: rgb(255 255 255 / 72%);
  --sg-highlight-soft: rgb(255 255 255 / 46%);
  --sg-shadow: rgb(13 49 41 / 13%);
  --sg-shadow-soft: rgb(13 49 41 / 6%);
  --sg-glass: color-mix(in oklab, var(--sg-surface-overlay) 88%, transparent);
  --sg-glass-sheer: color-mix(in oklab, var(--sg-surface-overlay) 72%, transparent);
}

[data-sg-theme="porcelain"][data-sg-appearance="light"] {
  --sg-surface-canvas: #F5F1E8;
  --sg-surface-raised: #FDFCF9;
  --sg-surface-sunken: #EAE4D9;
  --sg-surface-brand: #D5D1C7;
  --sg-surface-brand-hover: #DCD9D0;
  --sg-surface-brand-current: #E1DED6;
  --sg-surface-accent: #D99F9C;
  --sg-surface-inverse: #3F3D39;
  --sg-surface-brand-soft: #EBE8E2;
  --sg-surface-overlay: #FDFCF9;
  --sg-scrim: #24211E;
  --sg-ink-on-scrim: #FDFCF9;
  --sg-scene-welcome: #FDF9EF;
  --sg-scene-mist: #F7F6F2;
  --sg-scene-clay: #EAE4D9;
  --sg-scene-visit: #F5F1E8;
  --sg-gold-ink: #7C5F1C;
  --sg-gold-wash: #FDF6E2;
  --sg-gold-line: #8A6A1F;
  --sg-chart-ours: #5C574C;
  --sg-chart-featured: #A5821F;
  --sg-chart-watched: #2A7DB0;
  --sg-chart-rover: #2A9460;
  --sg-chart-other: #928C7E;
  --sg-ink: #403D37;
  --sg-ink-soft: #5D5A53;
  --sg-ink-muted: #615D57;
  --sg-ink-accent: #7A4650;
  --sg-ink-brand: #5C574C;
  --sg-ink-on-brand: #24211E;
  --sg-ink-on-accent: #24211E;
  --sg-ink-on-inverse: #FDFCF9;
  --sg-ink-on-overlay: #24211E;
  --sg-ink-on-brand-soft: #5D5A55;
  --sg-line-subtle: #EAE4D9;
  --sg-line: #928C7E;
  --sg-line-strong: #5E5A54;
  --sg-line-accent: #D99F9C;
  --sg-line-overlay: #EAE4D9;
  --sg-line-on-brand: #E8E5DF;
  --sg-action-primary: #D5D1C7;
  --sg-action-primary-ink: #24211E;
  --sg-action-neutral: #EAE4D9;
  --sg-action-neutral-ink: #24211E;
  --sg-action-danger: #6B012F;
  --sg-action-danger-ink: #FDFCF9;
  --sg-action-primary-hover: #BDB9B0;
  --sg-action-neutral-hover: #F5F1E8;
  --sg-action-danger-hover: #4A0420;
  --sg-nav-ink: #403D37;
  --sg-nav-hover-fill: #F7F5F1;
  --sg-nav-current-fill: #F1EFEA;
  --sg-nav-current-line: #DCDBD7;
  --sg-choice-neutral-hover: #FAF8F4;
  --sg-choice-neutral-fill: #F7F5EF;
  --sg-choice-neutral-line: #5E5A54;
  --sg-choice-neutral-mark: #3F3D39;
  --sg-choice-neutral-mark-ink: #FDFCF9;
  --sg-choice-brand-hover: #F7F5F1;
  --sg-choice-brand-fill: #F1EFEA;
  --sg-choice-brand-line: #5C574C;
  --sg-choice-brand-mark: #403D37;
  --sg-choice-brand-mark-ink: #FDFCF9;
  --sg-choice-accent-hover: #FBF2EF;
  --sg-choice-accent-fill: #F9EAE6;
  --sg-choice-accent-line: #A17874;
  --sg-choice-accent-mark: #7A4650;
  --sg-choice-accent-mark-ink: #FDFCF9;
  --sg-choice-danger-hover: #FEF1F1;
  --sg-choice-danger-fill: #FFE7EA;
  --sg-choice-danger-line: #6B012F;
  --sg-choice-danger-mark: #4A0420;
  --sg-choice-danger-mark-ink: #FDFCF9;
  --sg-emphasis-wash: #F4F1EB;
  --sg-status-positive: #D9EBE4;
  --sg-status-positive-ink: #24211E;
  --sg-status-warning: #F9E2C9;
  --sg-status-warning-ink: #24211E;
  --sg-status-danger: #FFDCE3;
  --sg-status-danger-ink: #24211E;
  --sg-status-info: #D9E9F3;
  --sg-status-info-ink: #24211E;
  --sg-focus-ring: #5C574C;
  --sg-light-source: #FDFCF9;
  --sg-shadow-source: #24211E;
  --sg-brand-tint3: #F5F3EF;
  --sg-brand-tint2: #E9E6DF;
  --sg-brand-tint1: #D5D1C7;
  --sg-brand-base: #928C7E;
  --sg-brand-shade1: #5C574C;
  --sg-brand-shade2: #403D37;
  --sg-brand-shade3: #33302B;
  --sg-accent-tint3: #FDF6F4;
  --sg-accent-tint2: #F6E5E7;
  --sg-accent-tint1: #EFC0BC;
  --sg-accent-base: #D99F9C;
  --sg-accent-shade1: #A17874;
  --sg-accent-shade2: #7A4650;
  --sg-accent-shade3: #5E3140;
  --sg-neutral-tint3: #FDFCF9;
  --sg-neutral-tint2: #F5F1E8;
  --sg-neutral-tint1: #EAE4D9;
  --sg-neutral-base: #928C7E;
  --sg-neutral-shade1: #5E5A54;
  --sg-neutral-shade2: #3F3D39;
  --sg-neutral-shade3: #24211E;
  --sg-gold-tint3: #FDF6E2;
  --sg-gold-tint2: #F7E9BE;
  --sg-gold-tint1: #F0CF5D;
  --sg-gold-base: #C9A227;
  --sg-gold-shade1: #A5821F;
  --sg-gold-shade2: #8A6A1F;
  --sg-gold-shade3: #5E4714;
  --snuggles-primary-50: #F5F3EF;
  --snuggles-primary-100: #E9E6DF;
  --snuggles-primary-200: #D5D1C7;
  --snuggles-primary-300: #B4AFA2;
  --snuggles-primary-400: #928C7E;
  --snuggles-primary-500: #746E61;
  --snuggles-primary-600: #5C574C;
  --snuggles-primary-700: #4B473E;
  --snuggles-primary-800: #403D37;
  --snuggles-primary-900: #33302B;
  --sg-lift: #FDFCF9;
  --sg-sink: #24211E;
  --sg-highlight: rgb(255 255 255 / 72%);
  --sg-highlight-soft: rgb(255 255 255 / 46%);
  --sg-shadow: rgb(13 49 41 / 13%);
  --sg-shadow-soft: rgb(13 49 41 / 6%);
  --sg-glass: color-mix(in oklab, var(--sg-surface-overlay) 88%, transparent);
  --sg-glass-sheer: color-mix(in oklab, var(--sg-surface-overlay) 72%, transparent);
}

[data-sg-theme="porcelain"][data-sg-appearance="dark"] {
  --sg-surface-canvas: #24211E;
  --sg-surface-raised: #35322F;
  --sg-surface-sunken: #1D1A17;
  --sg-surface-brand: #D5D1C7;
  --sg-surface-brand-hover: #DCD9D0;
  --sg-surface-brand-current: #E1DED6;
  --sg-surface-accent: #EFC0BC;
  --sg-surface-inverse: #F5F1E8;
  --sg-surface-brand-soft: #4C4941;
  --sg-surface-overlay: #45413E;
  --sg-scrim: #14100C;
  --sg-ink-on-scrim: #FDFCF9;
  --sg-scene-welcome: #332B1E;
  --sg-scene-mist: #282522;
  --sg-scene-clay: #2C2926;
  --sg-scene-visit: #24211E;
  --sg-gold-ink: #F0CF5D;
  --sg-gold-wash: #4B412E;
  --sg-gold-line: #A5821F;
  --sg-chart-ours: #928C7E;
  --sg-chart-featured: #A5821F;
  --sg-chart-watched: #3F93C9;
  --sg-chart-rover: #49B37A;
  --sg-chart-other: #928C7E;
  --sg-ink: #F5F3EF;
  --sg-ink-soft: #D1CFCB;
  --sg-ink-muted: #CDCBC7;
  --sg-ink-accent: #EFC0BC;
  --sg-ink-brand: #D5D1C7;
  --sg-ink-on-brand: #24211E;
  --sg-ink-on-accent: #24211E;
  --sg-ink-on-inverse: #24211E;
  --sg-ink-on-overlay: #FDFCF9;
  --sg-ink-on-brand-soft: #5D5A55;
  --sg-line-subtle: #3F3D39;
  --sg-line: #5E5A54;
  --sg-line-strong: #928C7E;
  --sg-line-accent: #EFC0BC;
  --sg-line-overlay: #5E5A54;
  --sg-line-on-brand: #E8E5DF;
  --sg-action-primary: #D5D1C7;
  --sg-action-primary-ink: #24211E;
  --sg-action-neutral: #5E5A54;
  --sg-action-neutral-ink: #FDFCF9;
  --sg-action-danger: #FEB7C7;
  --sg-action-danger-ink: #24211E;
  --sg-action-primary-hover: #BDB9B0;
  --sg-action-neutral-hover: #5E5A54;
  --sg-action-danger-hover: #FFDCE3;
  --sg-nav-ink: #F5F3EF;
  --sg-nav-hover-fill: #44413C;
  --sg-nav-current-fill: #48453F;
  --sg-nav-current-line: #595753;
  --sg-choice-neutral-hover: #44423D;
  --sg-choice-neutral-fill: #484541;
  --sg-choice-neutral-line: #928C7E;
  --sg-choice-neutral-mark: #F5F1E8;
  --sg-choice-neutral-mark-ink: #24211E;
  --sg-choice-brand-hover: #44413C;
  --sg-choice-brand-fill: #48453F;
  --sg-choice-brand-line: #D5D1C7;
  --sg-choice-brand-mark: #D5D1C7;
  --sg-choice-brand-mark-ink: #24211E;
  --sg-choice-accent-hover: #4E4642;
  --sg-choice-accent-fill: #5B4E4A;
  --sg-choice-accent-line: #EFC0BC;
  --sg-choice-accent-mark: #EFC0BC;
  --sg-choice-accent-mark-ink: #24211E;
  --sg-choice-danger-hover: #483837;
  --sg-choice-danger-fill: #4F3336;
  --sg-choice-danger-line: #FEB7C7;
  --sg-choice-danger-mark: #FEB7C7;
  --sg-choice-danger-mark-ink: #24211E;
  --sg-emphasis-wash: #33302D;
  --sg-status-positive: #0C2F24;
  --sg-status-positive-ink: #FDFCF9;
  --sg-status-warning: #503001;
  --sg-status-warning-ink: #FDFCF9;
  --sg-status-danger: #4A0420;
  --sg-status-danger-ink: #FDFCF9;
  --sg-status-info: #102C3C;
  --sg-status-info-ink: #FDFCF9;
  --sg-focus-ring: #D5D1C7;
  --sg-light-source: #FDFCF9;
  --sg-shadow-source: #24211E;
  --sg-brand-tint3: #F5F3EF;
  --sg-brand-tint2: #E9E6DF;
  --sg-brand-tint1: #D5D1C7;
  --sg-brand-base: #928C7E;
  --sg-brand-shade1: #5C574C;
  --sg-brand-shade2: #403D37;
  --sg-brand-shade3: #33302B;
  --sg-accent-tint3: #FDF6F4;
  --sg-accent-tint2: #F6E5E7;
  --sg-accent-tint1: #EFC0BC;
  --sg-accent-base: #D99F9C;
  --sg-accent-shade1: #A17874;
  --sg-accent-shade2: #7A4650;
  --sg-accent-shade3: #5E3140;
  --sg-neutral-tint3: #FDFCF9;
  --sg-neutral-tint2: #F5F1E8;
  --sg-neutral-tint1: #EAE4D9;
  --sg-neutral-base: #928C7E;
  --sg-neutral-shade1: #5E5A54;
  --sg-neutral-shade2: #3F3D39;
  --sg-neutral-shade3: #24211E;
  --sg-gold-tint3: #FDF6E2;
  --sg-gold-tint2: #F7E9BE;
  --sg-gold-tint1: #F0CF5D;
  --sg-gold-base: #C9A227;
  --sg-gold-shade1: #A5821F;
  --sg-gold-shade2: #8A6A1F;
  --sg-gold-shade3: #5E4714;
  --snuggles-primary-50: #33302B;
  --snuggles-primary-100: #403D37;
  --snuggles-primary-200: #4B473E;
  --snuggles-primary-300: #5C574C;
  --snuggles-primary-400: #746E61;
  --snuggles-primary-500: #928C7E;
  --snuggles-primary-600: #B4AFA2;
  --snuggles-primary-700: #D5D1C7;
  --snuggles-primary-800: #E9E6DF;
  --snuggles-primary-900: #F5F3EF;
  --sg-lift: #FDFCF9;
  --sg-sink: #24211E;
  --sg-highlight: rgb(255 255 255 / 12%);
  --sg-highlight-soft: rgb(255 255 255 / 7%);
  --sg-shadow: rgb(13 49 41 / 48%);
  --sg-shadow-soft: rgb(13 49 41 / 30%);
  --sg-glass: color-mix(in oklab, var(--sg-surface-overlay) 92%, transparent);
  --sg-glass-sheer: color-mix(in oklab, var(--sg-surface-overlay) 84%, transparent);
}

[data-sg-theme="green"] {
  --sg-surface-canvas: #F7F3EA;
  --sg-surface-raised: #FFFEFB;
  --sg-surface-sunken: #EEE8DC;
  --sg-surface-brand: #B7D1C6;
  --sg-surface-brand-hover: #C4D9CF;
  --sg-surface-brand-current: #CCDED6;
  --sg-surface-accent: #D99F9C;
  --sg-surface-inverse: #3F3D39;
  --sg-surface-brand-soft: #DEEAE3;
  --sg-surface-overlay: #FFFEFB;
  --sg-scrim: #211E1C;
  --sg-ink-on-scrim: #FFFEFB;
  --sg-scene-welcome: #FEFAF0;
  --sg-scene-mist: #F5F8F3;
  --sg-scene-clay: #EEE8DC;
  --sg-scene-visit: #F7F3EA;
  --sg-gold-ink: #7C5F1C;
  --sg-gold-wash: #FDF6E2;
  --sg-gold-line: #8A6A1F;
  --sg-chart-ours: #285949;
  --sg-chart-featured: #A5821F;
  --sg-chart-watched: #2A7DB0;
  --sg-chart-rover: #2A9460;
  --sg-chart-other: #928C7E;
  --sg-ink: #2E3B31;
  --sg-ink-soft: #4E594E;
  --sg-ink-muted: #525C52;
  --sg-ink-accent: #7A4650;
  --sg-ink-brand: #285949;
  --sg-ink-on-brand: #211E1C;
  --sg-ink-on-accent: #211E1C;
  --sg-ink-on-inverse: #FFFEFB;
  --sg-ink-on-overlay: #211E1C;
  --sg-ink-on-brand-soft: #525753;
  --sg-line-subtle: #EEE8DC;
  --sg-line: #928C7E;
  --sg-line-strong: #5E5B55;
  --sg-line-accent: #D99F9C;
  --sg-line-overlay: #EEE8DC;
  --sg-line-on-brand: #D9E6DF;
  --sg-action-primary: #B7D1C6;
  --sg-action-primary-ink: #211E1C;
  --sg-action-neutral: #EEE8DC;
  --sg-action-neutral-ink: #211E1C;
  --sg-action-danger: #6B012F;
  --sg-action-danger-ink: #FFFEFB;
  --sg-action-primary-hover: #A3B9AF;
  --sg-action-neutral-hover: #F7F3EA;
  --sg-action-danger-hover: #4A0420;
  --sg-nav-ink: #2E3B31;
  --sg-nav-hover-fill: #F3F7F2;
  --sg-nav-current-fill: #E9F0EB;
  --sg-nav-current-line: #DADCD7;
  --sg-choice-neutral-hover: #FCFAF6;
  --sg-choice-neutral-fill: #FAF7F2;
  --sg-choice-neutral-line: #5E5B55;
  --sg-choice-neutral-mark: #3F3D39;
  --sg-choice-neutral-mark-ink: #FFFEFB;
  --sg-choice-brand-hover: #F3F7F2;
  --sg-choice-brand-fill: #E9F0EB;
  --sg-choice-brand-line: #285949;
  --sg-choice-brand-mark: #2E3B31;
  --sg-choice-brand-mark-ink: #FFFEFB;
  --sg-choice-accent-hover: #FDF4F1;
  --sg-choice-accent-fill: #FBEBE8;
  --sg-choice-accent-line: #A17874;
  --sg-choice-accent-mark: #7A4650;
  --sg-choice-accent-mark-ink: #FFFEFB;
  --sg-choice-danger-hover: #FFF3F3;
  --sg-choice-danger-fill: #FFE9EB;
  --sg-choice-danger-line: #6B012F;
  --sg-choice-danger-mark: #4A0420;
  --sg-choice-danger-mark-ink: #FFFEFB;
  --sg-emphasis-wash: #F7F4ED;
  --sg-status-positive: #D9EBE4;
  --sg-status-positive-ink: #211E1C;
  --sg-status-warning: #F9E2C9;
  --sg-status-warning-ink: #211E1C;
  --sg-status-danger: #FFDCE3;
  --sg-status-danger-ink: #211E1C;
  --sg-status-info: #D9E9F3;
  --sg-status-info-ink: #211E1C;
  --sg-focus-ring: #285949;
  --sg-light-source: #FFFEFB;
  --sg-shadow-source: #211E1C;
  --sg-brand-tint3: #EDF4F1;
  --sg-brand-tint2: #DBE9E3;
  --sg-brand-tint1: #B7D1C6;
  --sg-brand-base: #5D8C7A;
  --sg-brand-shade1: #285949;
  --sg-brand-shade2: #2E3B31;
  --sg-brand-shade3: #0D3129;
  --sg-accent-tint3: #FDF6F4;
  --sg-accent-tint2: #F6E5E7;
  --sg-accent-tint1: #EFC0BC;
  --sg-accent-base: #D99F9C;
  --sg-accent-shade1: #A17874;
  --sg-accent-shade2: #7A4650;
  --sg-accent-shade3: #5E3140;
  --sg-neutral-tint3: #FFFEFB;
  --sg-neutral-tint2: #F7F3EA;
  --sg-neutral-tint1: #EEE8DC;
  --sg-neutral-base: #928C7E;
  --sg-neutral-shade1: #5E5B55;
  --sg-neutral-shade2: #3F3D39;
  --sg-neutral-shade3: #211E1C;
  --sg-gold-tint3: #FDF6E2;
  --sg-gold-tint2: #F7E9BE;
  --sg-gold-tint1: #F0CF5D;
  --sg-gold-base: #C9A227;
  --sg-gold-shade1: #A5821F;
  --sg-gold-shade2: #8A6A1F;
  --sg-gold-shade3: #5E4714;
  --snuggles-primary-50: #EDF4F1;
  --snuggles-primary-100: #DBE9E3;
  --snuggles-primary-200: #B7D1C6;
  --snuggles-primary-300: #87AD9E;
  --snuggles-primary-400: #5D8C7A;
  --snuggles-primary-500: #3D6F5E;
  --snuggles-primary-600: #285949;
  --snuggles-primary-700: #1B493C;
  --snuggles-primary-800: #143D33;
  --snuggles-primary-900: #0D3129;
  --sg-lift: #FFFEFB;
  --sg-sink: #211E1C;
  --sg-highlight: rgb(255 255 255 / 72%);
  --sg-highlight-soft: rgb(255 255 255 / 46%);
  --sg-shadow: rgb(13 49 41 / 13%);
  --sg-shadow-soft: rgb(13 49 41 / 6%);
  --sg-glass: color-mix(in oklab, var(--sg-surface-overlay) 88%, transparent);
  --sg-glass-sheer: color-mix(in oklab, var(--sg-surface-overlay) 72%, transparent);
}

[data-sg-theme="green"][data-sg-appearance="light"] {
  --sg-surface-canvas: #F7F3EA;
  --sg-surface-raised: #FFFEFB;
  --sg-surface-sunken: #EEE8DC;
  --sg-surface-brand: #B7D1C6;
  --sg-surface-brand-hover: #C4D9CF;
  --sg-surface-brand-current: #CCDED6;
  --sg-surface-accent: #D99F9C;
  --sg-surface-inverse: #3F3D39;
  --sg-surface-brand-soft: #DEEAE3;
  --sg-surface-overlay: #FFFEFB;
  --sg-scrim: #211E1C;
  --sg-ink-on-scrim: #FFFEFB;
  --sg-scene-welcome: #FEFAF0;
  --sg-scene-mist: #F5F8F3;
  --sg-scene-clay: #EEE8DC;
  --sg-scene-visit: #F7F3EA;
  --sg-gold-ink: #7C5F1C;
  --sg-gold-wash: #FDF6E2;
  --sg-gold-line: #8A6A1F;
  --sg-chart-ours: #285949;
  --sg-chart-featured: #A5821F;
  --sg-chart-watched: #2A7DB0;
  --sg-chart-rover: #2A9460;
  --sg-chart-other: #928C7E;
  --sg-ink: #2E3B31;
  --sg-ink-soft: #4E594E;
  --sg-ink-muted: #525C52;
  --sg-ink-accent: #7A4650;
  --sg-ink-brand: #285949;
  --sg-ink-on-brand: #211E1C;
  --sg-ink-on-accent: #211E1C;
  --sg-ink-on-inverse: #FFFEFB;
  --sg-ink-on-overlay: #211E1C;
  --sg-ink-on-brand-soft: #525753;
  --sg-line-subtle: #EEE8DC;
  --sg-line: #928C7E;
  --sg-line-strong: #5E5B55;
  --sg-line-accent: #D99F9C;
  --sg-line-overlay: #EEE8DC;
  --sg-line-on-brand: #D9E6DF;
  --sg-action-primary: #B7D1C6;
  --sg-action-primary-ink: #211E1C;
  --sg-action-neutral: #EEE8DC;
  --sg-action-neutral-ink: #211E1C;
  --sg-action-danger: #6B012F;
  --sg-action-danger-ink: #FFFEFB;
  --sg-action-primary-hover: #A3B9AF;
  --sg-action-neutral-hover: #F7F3EA;
  --sg-action-danger-hover: #4A0420;
  --sg-nav-ink: #2E3B31;
  --sg-nav-hover-fill: #F3F7F2;
  --sg-nav-current-fill: #E9F0EB;
  --sg-nav-current-line: #DADCD7;
  --sg-choice-neutral-hover: #FCFAF6;
  --sg-choice-neutral-fill: #FAF7F2;
  --sg-choice-neutral-line: #5E5B55;
  --sg-choice-neutral-mark: #3F3D39;
  --sg-choice-neutral-mark-ink: #FFFEFB;
  --sg-choice-brand-hover: #F3F7F2;
  --sg-choice-brand-fill: #E9F0EB;
  --sg-choice-brand-line: #285949;
  --sg-choice-brand-mark: #2E3B31;
  --sg-choice-brand-mark-ink: #FFFEFB;
  --sg-choice-accent-hover: #FDF4F1;
  --sg-choice-accent-fill: #FBEBE8;
  --sg-choice-accent-line: #A17874;
  --sg-choice-accent-mark: #7A4650;
  --sg-choice-accent-mark-ink: #FFFEFB;
  --sg-choice-danger-hover: #FFF3F3;
  --sg-choice-danger-fill: #FFE9EB;
  --sg-choice-danger-line: #6B012F;
  --sg-choice-danger-mark: #4A0420;
  --sg-choice-danger-mark-ink: #FFFEFB;
  --sg-emphasis-wash: #F7F4ED;
  --sg-status-positive: #D9EBE4;
  --sg-status-positive-ink: #211E1C;
  --sg-status-warning: #F9E2C9;
  --sg-status-warning-ink: #211E1C;
  --sg-status-danger: #FFDCE3;
  --sg-status-danger-ink: #211E1C;
  --sg-status-info: #D9E9F3;
  --sg-status-info-ink: #211E1C;
  --sg-focus-ring: #285949;
  --sg-light-source: #FFFEFB;
  --sg-shadow-source: #211E1C;
  --sg-brand-tint3: #EDF4F1;
  --sg-brand-tint2: #DBE9E3;
  --sg-brand-tint1: #B7D1C6;
  --sg-brand-base: #5D8C7A;
  --sg-brand-shade1: #285949;
  --sg-brand-shade2: #2E3B31;
  --sg-brand-shade3: #0D3129;
  --sg-accent-tint3: #FDF6F4;
  --sg-accent-tint2: #F6E5E7;
  --sg-accent-tint1: #EFC0BC;
  --sg-accent-base: #D99F9C;
  --sg-accent-shade1: #A17874;
  --sg-accent-shade2: #7A4650;
  --sg-accent-shade3: #5E3140;
  --sg-neutral-tint3: #FFFEFB;
  --sg-neutral-tint2: #F7F3EA;
  --sg-neutral-tint1: #EEE8DC;
  --sg-neutral-base: #928C7E;
  --sg-neutral-shade1: #5E5B55;
  --sg-neutral-shade2: #3F3D39;
  --sg-neutral-shade3: #211E1C;
  --sg-gold-tint3: #FDF6E2;
  --sg-gold-tint2: #F7E9BE;
  --sg-gold-tint1: #F0CF5D;
  --sg-gold-base: #C9A227;
  --sg-gold-shade1: #A5821F;
  --sg-gold-shade2: #8A6A1F;
  --sg-gold-shade3: #5E4714;
  --snuggles-primary-50: #EDF4F1;
  --snuggles-primary-100: #DBE9E3;
  --snuggles-primary-200: #B7D1C6;
  --snuggles-primary-300: #87AD9E;
  --snuggles-primary-400: #5D8C7A;
  --snuggles-primary-500: #3D6F5E;
  --snuggles-primary-600: #285949;
  --snuggles-primary-700: #1B493C;
  --snuggles-primary-800: #143D33;
  --snuggles-primary-900: #0D3129;
  --sg-lift: #FFFEFB;
  --sg-sink: #211E1C;
  --sg-highlight: rgb(255 255 255 / 72%);
  --sg-highlight-soft: rgb(255 255 255 / 46%);
  --sg-shadow: rgb(13 49 41 / 13%);
  --sg-shadow-soft: rgb(13 49 41 / 6%);
  --sg-glass: color-mix(in oklab, var(--sg-surface-overlay) 88%, transparent);
  --sg-glass-sheer: color-mix(in oklab, var(--sg-surface-overlay) 72%, transparent);
}

[data-sg-theme="green"][data-sg-appearance="dark"] {
  --sg-surface-canvas: #211E1C;
  --sg-surface-raised: #322F2D;
  --sg-surface-sunken: #1A1715;
  --sg-surface-brand: #B7D1C6;
  --sg-surface-brand-hover: #C4D9CF;
  --sg-surface-brand-current: #CCDED6;
  --sg-surface-accent: #EFC0BC;
  --sg-surface-inverse: #F7F3EA;
  --sg-surface-brand-soft: #384A40;
  --sg-surface-overlay: #423E3C;
  --sg-scrim: #100C08;
  --sg-ink-on-scrim: #FFFEFB;
  --sg-scene-welcome: #31291D;
  --sg-scene-mist: #1E2320;
  --sg-scene-clay: #2A2724;
  --sg-scene-visit: #211E1C;
  --sg-gold-ink: #F0CF5D;
  --sg-gold-wash: #4B412E;
  --sg-gold-line: #A5821F;
  --sg-chart-ours: #5D8C7A;
  --sg-chart-featured: #A5821F;
  --sg-chart-watched: #3F93C9;
  --sg-chart-rover: #49B37A;
  --sg-chart-other: #928C7E;
  --sg-ink: #EDF4F1;
  --sg-ink-soft: #CBD0CD;
  --sg-ink-muted: #C7CCC9;
  --sg-ink-accent: #EFC0BC;
  --sg-ink-brand: #B7D1C6;
  --sg-ink-on-brand: #211E1C;
  --sg-ink-on-accent: #211E1C;
  --sg-ink-on-inverse: #211E1C;
  --sg-ink-on-overlay: #FFFEFB;
  --sg-ink-on-brand-soft: #525753;
  --sg-line-subtle: #3F3D39;
  --sg-line: #5E5B55;
  --sg-line-strong: #928C7E;
  --sg-line-accent: #EFC0BC;
  --sg-line-overlay: #5E5B55;
  --sg-line-on-brand: #D9E6DF;
  --sg-action-primary: #B7D1C6;
  --sg-action-primary-ink: #211E1C;
  --sg-action-neutral: #5E5B55;
  --sg-action-neutral-ink: #FFFEFB;
  --sg-action-danger: #FEB7C7;
  --sg-action-danger-ink: #211E1C;
  --sg-action-primary-hover: #A3B9AF;
  --sg-action-neutral-hover: #5E5B55;
  --sg-action-danger-hover: #FFDCE3;
  --sg-nav-ink: #EDF4F1;
  --sg-nav-hover-fill: #3D423C;
  --sg-nav-current-fill: #3B453E;
  --sg-nav-current-line: #585753;
  --sg-choice-neutral-hover: #44423D;
  --sg-choice-neutral-fill: #484641;
  --sg-choice-neutral-line: #928C7E;
  --sg-choice-neutral-mark: #F7F3EA;
  --sg-choice-neutral-mark-ink: #211E1C;
  --sg-choice-brand-hover: #3D423C;
  --sg-choice-brand-fill: #3B453E;
  --sg-choice-brand-line: #B7D1C6;
  --sg-choice-brand-mark: #B7D1C6;
  --sg-choice-brand-mark-ink: #211E1C;
  --sg-choice-accent-hover: #4E4642;
  --sg-choice-accent-fill: #5B4E4A;
  --sg-choice-accent-line: #EFC0BC;
  --sg-choice-accent-mark: #EFC0BC;
  --sg-choice-accent-mark-ink: #211E1C;
  --sg-choice-danger-hover: #483837;
  --sg-choice-danger-fill: #4F3336;
  --sg-choice-danger-line: #FEB7C7;
  --sg-choice-danger-mark: #FEB7C7;
  --sg-choice-danger-mark-ink: #211E1C;
  --sg-emphasis-wash: #312F2C;
  --sg-status-positive: #0C2F24;
  --sg-status-positive-ink: #FFFEFB;
  --sg-status-warning: #503001;
  --sg-status-warning-ink: #FFFEFB;
  --sg-status-danger: #4A0420;
  --sg-status-danger-ink: #FFFEFB;
  --sg-status-info: #102C3C;
  --sg-status-info-ink: #FFFEFB;
  --sg-focus-ring: #B7D1C6;
  --sg-light-source: #FFFEFB;
  --sg-shadow-source: #211E1C;
  --sg-brand-tint3: #EDF4F1;
  --sg-brand-tint2: #DBE9E3;
  --sg-brand-tint1: #B7D1C6;
  --sg-brand-base: #5D8C7A;
  --sg-brand-shade1: #285949;
  --sg-brand-shade2: #2E3B31;
  --sg-brand-shade3: #0D3129;
  --sg-accent-tint3: #FDF6F4;
  --sg-accent-tint2: #F6E5E7;
  --sg-accent-tint1: #EFC0BC;
  --sg-accent-base: #D99F9C;
  --sg-accent-shade1: #A17874;
  --sg-accent-shade2: #7A4650;
  --sg-accent-shade3: #5E3140;
  --sg-neutral-tint3: #FFFEFB;
  --sg-neutral-tint2: #F7F3EA;
  --sg-neutral-tint1: #EEE8DC;
  --sg-neutral-base: #928C7E;
  --sg-neutral-shade1: #5E5B55;
  --sg-neutral-shade2: #3F3D39;
  --sg-neutral-shade3: #211E1C;
  --sg-gold-tint3: #FDF6E2;
  --sg-gold-tint2: #F7E9BE;
  --sg-gold-tint1: #F0CF5D;
  --sg-gold-base: #C9A227;
  --sg-gold-shade1: #A5821F;
  --sg-gold-shade2: #8A6A1F;
  --sg-gold-shade3: #5E4714;
  --snuggles-primary-50: #0D3129;
  --snuggles-primary-100: #143D33;
  --snuggles-primary-200: #1B493C;
  --snuggles-primary-300: #285949;
  --snuggles-primary-400: #3D6F5E;
  --snuggles-primary-500: #5D8C7A;
  --snuggles-primary-600: #87AD9E;
  --snuggles-primary-700: #B7D1C6;
  --snuggles-primary-800: #DBE9E3;
  --snuggles-primary-900: #EDF4F1;
  --sg-lift: #FFFEFB;
  --sg-sink: #211E1C;
  --sg-highlight: rgb(255 255 255 / 12%);
  --sg-highlight-soft: rgb(255 255 255 / 7%);
  --sg-shadow: rgb(13 49 41 / 48%);
  --sg-shadow-soft: rgb(13 49 41 / 30%);
  --sg-glass: color-mix(in oklab, var(--sg-surface-overlay) 92%, transparent);
  --sg-glass-sheer: color-mix(in oklab, var(--sg-surface-overlay) 84%, transparent);
}

[data-sg-theme="blue"] {
  --sg-surface-canvas: #F2F1EB;
  --sg-surface-raised: #FCFCFA;
  --sg-surface-sunken: #E5E4DC;
  --sg-surface-brand: #BAD0DB;
  --sg-surface-brand-hover: #C6D8E1;
  --sg-surface-brand-current: #CEDDE4;
  --sg-surface-accent: #D99F9C;
  --sg-surface-inverse: #3C3E3E;
  --sg-surface-brand-soft: #DEE8EC;
  --sg-surface-overlay: #FCFCFA;
  --sg-scrim: #212122;
  --sg-ink-on-scrim: #FCFCFA;
  --sg-scene-welcome: #FCF9EF;
  --sg-scene-mist: #F3F6F6;
  --sg-scene-clay: #E5E4DC;
  --sg-scene-visit: #F2F1EB;
  --sg-gold-ink: #7C5F1C;
  --sg-gold-wash: #FDF6E2;
  --sg-gold-line: #8A6A1F;
  --sg-chart-ours: #365B70;
  --sg-chart-featured: #A5821F;
  --sg-chart-watched: #2A7DB0;
  --sg-chart-rover: #2A9460;
  --sg-chart-other: #8B8D85;
  --sg-ink: #294354;
  --sg-ink-soft: #4A606D;
  --sg-ink-muted: #4E6370;
  --sg-ink-accent: #7A4650;
  --sg-ink-brand: #365B70;
  --sg-ink-on-brand: #212122;
  --sg-ink-on-accent: #212122;
  --sg-ink-on-inverse: #FCFCFA;
  --sg-ink-on-overlay: #212122;
  --sg-ink-on-brand-soft: #52585D;
  --sg-line-subtle: #E5E4DC;
  --sg-line: #8B8D85;
  --sg-line-strong: #585B5A;
  --sg-line-accent: #D99F9C;
  --sg-line-overlay: #E5E4DC;
  --sg-line-on-brand: #D9E5EA;
  --sg-action-primary: #BAD0DB;
  --sg-action-primary-ink: #212122;
  --sg-action-neutral: #E5E4DC;
  --sg-action-neutral-ink: #212122;
  --sg-action-danger: #6B012F;
  --sg-action-danger-ink: #FCFCFA;
  --sg-action-primary-hover: #A6B9C2;
  --sg-action-neutral-hover: #F2F1EB;
  --sg-action-danger-hover: #4A0420;
  --sg-nav-ink: #294354;
  --sg-nav-hover-fill: #F1F5F5;
  --sg-nav-current-fill: #E8EFF1;
  --sg-nav-current-line: #D7DCDE;
  --sg-choice-neutral-hover: #F8F8F5;
  --sg-choice-neutral-fill: #F5F5F1;
  --sg-choice-neutral-line: #585B5A;
  --sg-choice-neutral-mark: #3C3E3E;
  --sg-choice-neutral-mark-ink: #FCFCFA;
  --sg-choice-brand-hover: #F1F5F5;
  --sg-choice-brand-fill: #E8EFF1;
  --sg-choice-brand-line: #365B70;
  --sg-choice-brand-mark: #294354;
  --sg-choice-brand-mark-ink: #FCFCFA;
  --sg-choice-accent-hover: #FAF2F0;
  --sg-choice-accent-fill: #F9EAE7;
  --sg-choice-accent-line: #A17874;
  --sg-choice-accent-mark: #7A4650;
  --sg-choice-accent-mark-ink: #FCFCFA;
  --sg-choice-danger-hover: #FDF1F2;
  --sg-choice-danger-fill: #FEE7EA;
  --sg-choice-danger-line: #6B012F;
  --sg-choice-danger-mark: #4A0420;
  --sg-choice-danger-mark-ink: #FCFCFA;
  --sg-emphasis-wash: #F2F1EC;
  --sg-status-positive: #D9EBE4;
  --sg-status-positive-ink: #212122;
  --sg-status-warning: #F9E2C9;
  --sg-status-warning-ink: #212122;
  --sg-status-danger: #FFDCE3;
  --sg-status-danger-ink: #212122;
  --sg-status-info: #D9E9F3;
  --sg-status-info-ink: #212122;
  --sg-focus-ring: #365B70;
  --sg-light-source: #FCFCFA;
  --sg-shadow-source: #212122;
  --sg-brand-tint3: #EEF3F6;
  --sg-brand-tint2: #DCE8EE;
  --sg-brand-tint1: #BAD0DB;
  --sg-brand-base: #668EA2;
  --sg-brand-shade1: #365B70;
  --sg-brand-shade2: #294354;
  --sg-brand-shade3: #1B313F;
  --sg-accent-tint3: #FDF6F4;
  --sg-accent-tint2: #F6E5E7;
  --sg-accent-tint1: #EFC0BC;
  --sg-accent-base: #D99F9C;
  --sg-accent-shade1: #A17874;
  --sg-accent-shade2: #7A4650;
  --sg-accent-shade3: #5E3140;
  --sg-neutral-tint3: #FCFCFA;
  --sg-neutral-tint2: #F2F1EB;
  --sg-neutral-tint1: #E5E4DC;
  --sg-neutral-base: #8B8D85;
  --sg-neutral-shade1: #585B5A;
  --sg-neutral-shade2: #3C3E3E;
  --sg-neutral-shade3: #212122;
  --sg-gold-tint3: #FDF6E2;
  --sg-gold-tint2: #F7E9BE;
  --sg-gold-tint1: #F0CF5D;
  --sg-gold-base: #C9A227;
  --sg-gold-shade1: #A5821F;
  --sg-gold-shade2: #8A6A1F;
  --sg-gold-shade3: #5E4714;
  --snuggles-primary-50: #EEF3F6;
  --snuggles-primary-100: #DCE8EE;
  --snuggles-primary-200: #BAD0DB;
  --snuggles-primary-300: #8EAFBF;
  --snuggles-primary-400: #668EA2;
  --snuggles-primary-500: #497187;
  --snuggles-primary-600: #365B70;
  --snuggles-primary-700: #29495B;
  --snuggles-primary-800: #223D4C;
  --snuggles-primary-900: #1B313F;
  --sg-lift: #FCFCFA;
  --sg-sink: #212122;
  --sg-highlight: rgb(255 255 255 / 72%);
  --sg-highlight-soft: rgb(255 255 255 / 46%);
  --sg-shadow: rgb(13 49 41 / 13%);
  --sg-shadow-soft: rgb(13 49 41 / 6%);
  --sg-glass: color-mix(in oklab, var(--sg-surface-overlay) 88%, transparent);
  --sg-glass-sheer: color-mix(in oklab, var(--sg-surface-overlay) 72%, transparent);
}

[data-sg-theme="blue"][data-sg-appearance="light"] {
  --sg-surface-canvas: #F2F1EB;
  --sg-surface-raised: #FCFCFA;
  --sg-surface-sunken: #E5E4DC;
  --sg-surface-brand: #BAD0DB;
  --sg-surface-brand-hover: #C6D8E1;
  --sg-surface-brand-current: #CEDDE4;
  --sg-surface-accent: #D99F9C;
  --sg-surface-inverse: #3C3E3E;
  --sg-surface-brand-soft: #DEE8EC;
  --sg-surface-overlay: #FCFCFA;
  --sg-scrim: #212122;
  --sg-ink-on-scrim: #FCFCFA;
  --sg-scene-welcome: #FCF9EF;
  --sg-scene-mist: #F3F6F6;
  --sg-scene-clay: #E5E4DC;
  --sg-scene-visit: #F2F1EB;
  --sg-gold-ink: #7C5F1C;
  --sg-gold-wash: #FDF6E2;
  --sg-gold-line: #8A6A1F;
  --sg-chart-ours: #365B70;
  --sg-chart-featured: #A5821F;
  --sg-chart-watched: #2A7DB0;
  --sg-chart-rover: #2A9460;
  --sg-chart-other: #8B8D85;
  --sg-ink: #294354;
  --sg-ink-soft: #4A606D;
  --sg-ink-muted: #4E6370;
  --sg-ink-accent: #7A4650;
  --sg-ink-brand: #365B70;
  --sg-ink-on-brand: #212122;
  --sg-ink-on-accent: #212122;
  --sg-ink-on-inverse: #FCFCFA;
  --sg-ink-on-overlay: #212122;
  --sg-ink-on-brand-soft: #52585D;
  --sg-line-subtle: #E5E4DC;
  --sg-line: #8B8D85;
  --sg-line-strong: #585B5A;
  --sg-line-accent: #D99F9C;
  --sg-line-overlay: #E5E4DC;
  --sg-line-on-brand: #D9E5EA;
  --sg-action-primary: #BAD0DB;
  --sg-action-primary-ink: #212122;
  --sg-action-neutral: #E5E4DC;
  --sg-action-neutral-ink: #212122;
  --sg-action-danger: #6B012F;
  --sg-action-danger-ink: #FCFCFA;
  --sg-action-primary-hover: #A6B9C2;
  --sg-action-neutral-hover: #F2F1EB;
  --sg-action-danger-hover: #4A0420;
  --sg-nav-ink: #294354;
  --sg-nav-hover-fill: #F1F5F5;
  --sg-nav-current-fill: #E8EFF1;
  --sg-nav-current-line: #D7DCDE;
  --sg-choice-neutral-hover: #F8F8F5;
  --sg-choice-neutral-fill: #F5F5F1;
  --sg-choice-neutral-line: #585B5A;
  --sg-choice-neutral-mark: #3C3E3E;
  --sg-choice-neutral-mark-ink: #FCFCFA;
  --sg-choice-brand-hover: #F1F5F5;
  --sg-choice-brand-fill: #E8EFF1;
  --sg-choice-brand-line: #365B70;
  --sg-choice-brand-mark: #294354;
  --sg-choice-brand-mark-ink: #FCFCFA;
  --sg-choice-accent-hover: #FAF2F0;
  --sg-choice-accent-fill: #F9EAE7;
  --sg-choice-accent-line: #A17874;
  --sg-choice-accent-mark: #7A4650;
  --sg-choice-accent-mark-ink: #FCFCFA;
  --sg-choice-danger-hover: #FDF1F2;
  --sg-choice-danger-fill: #FEE7EA;
  --sg-choice-danger-line: #6B012F;
  --sg-choice-danger-mark: #4A0420;
  --sg-choice-danger-mark-ink: #FCFCFA;
  --sg-emphasis-wash: #F2F1EC;
  --sg-status-positive: #D9EBE4;
  --sg-status-positive-ink: #212122;
  --sg-status-warning: #F9E2C9;
  --sg-status-warning-ink: #212122;
  --sg-status-danger: #FFDCE3;
  --sg-status-danger-ink: #212122;
  --sg-status-info: #D9E9F3;
  --sg-status-info-ink: #212122;
  --sg-focus-ring: #365B70;
  --sg-light-source: #FCFCFA;
  --sg-shadow-source: #212122;
  --sg-brand-tint3: #EEF3F6;
  --sg-brand-tint2: #DCE8EE;
  --sg-brand-tint1: #BAD0DB;
  --sg-brand-base: #668EA2;
  --sg-brand-shade1: #365B70;
  --sg-brand-shade2: #294354;
  --sg-brand-shade3: #1B313F;
  --sg-accent-tint3: #FDF6F4;
  --sg-accent-tint2: #F6E5E7;
  --sg-accent-tint1: #EFC0BC;
  --sg-accent-base: #D99F9C;
  --sg-accent-shade1: #A17874;
  --sg-accent-shade2: #7A4650;
  --sg-accent-shade3: #5E3140;
  --sg-neutral-tint3: #FCFCFA;
  --sg-neutral-tint2: #F2F1EB;
  --sg-neutral-tint1: #E5E4DC;
  --sg-neutral-base: #8B8D85;
  --sg-neutral-shade1: #585B5A;
  --sg-neutral-shade2: #3C3E3E;
  --sg-neutral-shade3: #212122;
  --sg-gold-tint3: #FDF6E2;
  --sg-gold-tint2: #F7E9BE;
  --sg-gold-tint1: #F0CF5D;
  --sg-gold-base: #C9A227;
  --sg-gold-shade1: #A5821F;
  --sg-gold-shade2: #8A6A1F;
  --sg-gold-shade3: #5E4714;
  --snuggles-primary-50: #EEF3F6;
  --snuggles-primary-100: #DCE8EE;
  --snuggles-primary-200: #BAD0DB;
  --snuggles-primary-300: #8EAFBF;
  --snuggles-primary-400: #668EA2;
  --snuggles-primary-500: #497187;
  --snuggles-primary-600: #365B70;
  --snuggles-primary-700: #29495B;
  --snuggles-primary-800: #223D4C;
  --snuggles-primary-900: #1B313F;
  --sg-lift: #FCFCFA;
  --sg-sink: #212122;
  --sg-highlight: rgb(255 255 255 / 72%);
  --sg-highlight-soft: rgb(255 255 255 / 46%);
  --sg-shadow: rgb(13 49 41 / 13%);
  --sg-shadow-soft: rgb(13 49 41 / 6%);
  --sg-glass: color-mix(in oklab, var(--sg-surface-overlay) 88%, transparent);
  --sg-glass-sheer: color-mix(in oklab, var(--sg-surface-overlay) 72%, transparent);
}

[data-sg-theme="blue"][data-sg-appearance="dark"] {
  --sg-surface-canvas: #212122;
  --sg-surface-raised: #323233;
  --sg-surface-sunken: #1A1A1B;
  --sg-surface-brand: #BAD0DB;
  --sg-surface-brand-hover: #C6D8E1;
  --sg-surface-brand-current: #CEDDE4;
  --sg-surface-accent: #EFC0BC;
  --sg-surface-inverse: #F2F1EB;
  --sg-surface-brand-soft: #3B4B54;
  --sg-surface-overlay: #414143;
  --sg-scrim: #101011;
  --sg-ink-on-scrim: #FCFCFA;
  --sg-scene-welcome: #312C21;
  --sg-scene-mist: #20262A;
  --sg-scene-clay: #29292A;
  --sg-scene-visit: #212122;
  --sg-gold-ink: #F0CF5D;
  --sg-gold-wash: #4A4231;
  --sg-gold-line: #A5821F;
  --sg-chart-ours: #668EA2;
  --sg-chart-featured: #A5821F;
  --sg-chart-watched: #3F93C9;
  --sg-chart-rover: #49B37A;
  --sg-chart-other: #8B8D85;
  --sg-ink: #EEF3F6;
  --sg-ink-soft: #CBD0D2;
  --sg-ink-muted: #C7CCCE;
  --sg-ink-accent: #EFC0BC;
  --sg-ink-brand: #BAD0DB;
  --sg-ink-on-brand: #212122;
  --sg-ink-on-accent: #212122;
  --sg-ink-on-inverse: #212122;
  --sg-ink-on-overlay: #FCFCFA;
  --sg-ink-on-brand-soft: #52585D;
  --sg-line-subtle: #3C3E3E;
  --sg-line: #585B5A;
  --sg-line-strong: #8B8D85;
  --sg-line-accent: #EFC0BC;
  --sg-line-overlay: #585B5A;
  --sg-line-on-brand: #D9E5EA;
  --sg-action-primary: #BAD0DB;
  --sg-action-primary-ink: #212122;
  --sg-action-neutral: #585B5A;
  --sg-action-neutral-ink: #FCFCFA;
  --sg-action-danger: #FEB7C7;
  --sg-action-danger-ink: #212122;
  --sg-action-primary-hover: #A6B9C2;
  --sg-action-neutral-hover: #585B5A;
  --sg-action-danger-hover: #FFDCE3;
  --sg-nav-ink: #EEF3F6;
  --sg-nav-hover-fill: #3C4346;
  --sg-nav-current-fill: #3B474D;
  --sg-nav-current-line: #555858;
  --sg-choice-neutral-hover: #404342;
  --sg-choice-neutral-fill: #444746;
  --sg-choice-neutral-line: #8B8D85;
  --sg-choice-neutral-mark: #F2F1EB;
  --sg-choice-neutral-mark-ink: #212122;
  --sg-choice-brand-hover: #3C4346;
  --sg-choice-brand-fill: #3B474D;
  --sg-choice-brand-line: #BAD0DB;
  --sg-choice-brand-mark: #BAD0DB;
  --sg-choice-brand-mark-ink: #212122;
  --sg-choice-accent-hover: #4B4746;
  --sg-choice-accent-fill: #594F4E;
  --sg-choice-accent-line: #EFC0BC;
  --sg-choice-accent-mark: #EFC0BC;
  --sg-choice-accent-mark-ink: #212122;
  --sg-choice-danger-hover: #46393C;
  --sg-choice-danger-fill: #4E3339;
  --sg-choice-danger-line: #FEB7C7;
  --sg-choice-danger-mark: #FEB7C7;
  --sg-choice-danger-mark-ink: #212122;
  --sg-emphasis-wash: #303131;
  --sg-status-positive: #0C2F24;
  --sg-status-positive-ink: #FCFCFA;
  --sg-status-warning: #503001;
  --sg-status-warning-ink: #FCFCFA;
  --sg-status-danger: #4A0420;
  --sg-status-danger-ink: #FCFCFA;
  --sg-status-info: #102C3C;
  --sg-status-info-ink: #FCFCFA;
  --sg-focus-ring: #BAD0DB;
  --sg-light-source: #FCFCFA;
  --sg-shadow-source: #212122;
  --sg-brand-tint3: #EEF3F6;
  --sg-brand-tint2: #DCE8EE;
  --sg-brand-tint1: #BAD0DB;
  --sg-brand-base: #668EA2;
  --sg-brand-shade1: #365B70;
  --sg-brand-shade2: #294354;
  --sg-brand-shade3: #1B313F;
  --sg-accent-tint3: #FDF6F4;
  --sg-accent-tint2: #F6E5E7;
  --sg-accent-tint1: #EFC0BC;
  --sg-accent-base: #D99F9C;
  --sg-accent-shade1: #A17874;
  --sg-accent-shade2: #7A4650;
  --sg-accent-shade3: #5E3140;
  --sg-neutral-tint3: #FCFCFA;
  --sg-neutral-tint2: #F2F1EB;
  --sg-neutral-tint1: #E5E4DC;
  --sg-neutral-base: #8B8D85;
  --sg-neutral-shade1: #585B5A;
  --sg-neutral-shade2: #3C3E3E;
  --sg-neutral-shade3: #212122;
  --sg-gold-tint3: #FDF6E2;
  --sg-gold-tint2: #F7E9BE;
  --sg-gold-tint1: #F0CF5D;
  --sg-gold-base: #C9A227;
  --sg-gold-shade1: #A5821F;
  --sg-gold-shade2: #8A6A1F;
  --sg-gold-shade3: #5E4714;
  --snuggles-primary-50: #1B313F;
  --snuggles-primary-100: #223D4C;
  --snuggles-primary-200: #29495B;
  --snuggles-primary-300: #365B70;
  --snuggles-primary-400: #497187;
  --snuggles-primary-500: #668EA2;
  --snuggles-primary-600: #8EAFBF;
  --snuggles-primary-700: #BAD0DB;
  --snuggles-primary-800: #DCE8EE;
  --snuggles-primary-900: #EEF3F6;
  --sg-lift: #FCFCFA;
  --sg-sink: #212122;
  --sg-highlight: rgb(255 255 255 / 12%);
  --sg-highlight-soft: rgb(255 255 255 / 7%);
  --sg-shadow: rgb(13 49 41 / 48%);
  --sg-shadow-soft: rgb(13 49 41 / 30%);
  --sg-glass: color-mix(in oklab, var(--sg-surface-overlay) 92%, transparent);
  --sg-glass-sheer: color-mix(in oklab, var(--sg-surface-overlay) 84%, transparent);
}

[data-sg-theme="rose"] {
  --sg-surface-canvas: #F7F0E9;
  --sg-surface-raised: #FEFCFA;
  --sg-surface-sunken: #EEE3DA;
  --sg-surface-brand: #D99F9C;
  --sg-surface-brand-hover: #E0AFAC;
  --sg-surface-brand-current: #E5BBB7;
  --sg-surface-accent: #365B70;
  --sg-surface-inverse: #443C3A;
  --sg-surface-brand-soft: #F6E3E6;
  --sg-surface-overlay: #FEFCFA;
  --sg-scrim: #27201F;
  --sg-ink-on-scrim: #FEFCFA;
  --sg-scene-welcome: #FEF9EF;
  --sg-scene-mist: #FCF4F4;
  --sg-scene-clay: #EEE3DA;
  --sg-scene-visit: #F7F0E9;
  --sg-gold-ink: #7C5F1C;
  --sg-gold-wash: #FDF6E2;
  --sg-gold-line: #8A6A1F;
  --sg-chart-ours: #8A4C5F;
  --sg-chart-featured: #A5821F;
  --sg-chart-watched: #2A7DB0;
  --sg-chart-rover: #2A9460;
  --sg-chart-other: #9D8F82;
  --sg-ink: #5E3140;
  --sg-ink-soft: #79505B;
  --sg-ink-muted: #7C545F;
  --sg-ink-accent: #294354;
  --sg-ink-brand: #8A4C5F;
  --sg-ink-on-brand: #27201F;
  --sg-ink-on-accent: #FEFCFA;
  --sg-ink-on-inverse: #FEFCFA;
  --sg-ink-on-overlay: #27201F;
  --sg-ink-on-brand-soft: #503D3C;
  --sg-line-subtle: #EEE3DA;
  --sg-line: #9D8F82;
  --sg-line-strong: #655957;
  --sg-line-accent: #668EA2;
  --sg-line-overlay: #EEE3DA;
  --sg-line-on-brand: #ECCBC8;
  --sg-action-primary: #D99F9C;
  --sg-action-primary-ink: #27201F;
  --sg-action-neutral: #EEE3DA;
  --sg-action-neutral-ink: #27201F;
  --sg-action-danger: #6B012F;
  --sg-action-danger-ink: #FEFCFA;
  --sg-action-primary-hover: #C18E8B;
  --sg-action-neutral-hover: #F7F0E9;
  --sg-action-danger-hover: #4A0420;
  --sg-nav-ink: #5E3140;
  --sg-nav-hover-fill: #FBF3F3;
  --sg-nav-current-fill: #F9EBED;
  --sg-nav-current-line: #E4D9DA;
  --sg-choice-neutral-hover: #FBF8F5;
  --sg-choice-neutral-fill: #F9F4F0;
  --sg-choice-neutral-line: #655957;
  --sg-choice-neutral-mark: #443C3A;
  --sg-choice-neutral-mark-ink: #FEFCFA;
  --sg-choice-brand-hover: #FBF3F3;
  --sg-choice-brand-fill: #F9EBED;
  --sg-choice-brand-line: #8A4C5F;
  --sg-choice-brand-mark: #5E3140;
  --sg-choice-brand-mark-ink: #FEFCFA;
  --sg-choice-accent-hover: #F3F5F5;
  --sg-choice-accent-fill: #E9EFF1;
  --sg-choice-accent-line: #365B70;
  --sg-choice-accent-mark: #294354;
  --sg-choice-accent-mark-ink: #FEFCFA;
  --sg-choice-danger-hover: #FFF1F2;
  --sg-choice-danger-fill: #FFE7EA;
  --sg-choice-danger-line: #6B012F;
  --sg-choice-danger-mark: #4A0420;
  --sg-choice-danger-mark-ink: #FEFCFA;
  --sg-emphasis-wash: #F7F1EC;
  --sg-status-positive: #D9EBE4;
  --sg-status-positive-ink: #27201F;
  --sg-status-warning: #F9E2C9;
  --sg-status-warning-ink: #27201F;
  --sg-status-danger: #FFDCE3;
  --sg-status-danger-ink: #27201F;
  --sg-status-info: #D9E9F3;
  --sg-status-info-ink: #27201F;
  --sg-focus-ring: #8A4C5F;
  --sg-light-source: #FEFCFA;
  --sg-shadow-source: #27201F;
  --sg-brand-tint3: #FBF1F3;
  --sg-brand-tint2: #F6E2E6;
  --sg-brand-tint1: #EBC5CE;
  --sg-brand-base: #D99F9C;
  --sg-brand-shade1: #8A4C5F;
  --sg-brand-shade2: #5E3140;
  --sg-brand-shade3: #4B2733;
  --sg-accent-tint3: #EEF3F6;
  --sg-accent-tint2: #DCE8EE;
  --sg-accent-tint1: #BAD0DB;
  --sg-accent-base: #668EA2;
  --sg-accent-shade1: #365B70;
  --sg-accent-shade2: #294354;
  --sg-accent-shade3: #1B313F;
  --sg-neutral-tint3: #FEFCFA;
  --sg-neutral-tint2: #F7F0E9;
  --sg-neutral-tint1: #EEE3DA;
  --sg-neutral-base: #9D8F82;
  --sg-neutral-shade1: #655957;
  --sg-neutral-shade2: #443C3A;
  --sg-neutral-shade3: #27201F;
  --sg-gold-tint3: #FDF6E2;
  --sg-gold-tint2: #F7E9BE;
  --sg-gold-tint1: #F0CF5D;
  --sg-gold-base: #C9A227;
  --sg-gold-shade1: #A5821F;
  --sg-gold-shade2: #8A6A1F;
  --sg-gold-shade3: #5E4714;
  --snuggles-primary-50: #FBF1F3;
  --snuggles-primary-100: #F6E2E6;
  --snuggles-primary-200: #EBC5CE;
  --snuggles-primary-300: #D9A2B0;
  --snuggles-primary-400: #C27F91;
  --snuggles-primary-500: #A66175;
  --snuggles-primary-600: #8A4C5F;
  --snuggles-primary-700: #713D4D;
  --snuggles-primary-800: #5E3140;
  --snuggles-primary-900: #4B2733;
  --sg-lift: #FEFCFA;
  --sg-sink: #27201F;
  --sg-highlight: rgb(255 255 255 / 72%);
  --sg-highlight-soft: rgb(255 255 255 / 46%);
  --sg-shadow: rgb(13 49 41 / 13%);
  --sg-shadow-soft: rgb(13 49 41 / 6%);
  --sg-glass: color-mix(in oklab, var(--sg-surface-overlay) 88%, transparent);
  --sg-glass-sheer: color-mix(in oklab, var(--sg-surface-overlay) 72%, transparent);
}

[data-sg-theme="rose"][data-sg-appearance="light"] {
  --sg-surface-canvas: #F7F0E9;
  --sg-surface-raised: #FEFCFA;
  --sg-surface-sunken: #EEE3DA;
  --sg-surface-brand: #D99F9C;
  --sg-surface-brand-hover: #E0AFAC;
  --sg-surface-brand-current: #E5BBB7;
  --sg-surface-accent: #365B70;
  --sg-surface-inverse: #443C3A;
  --sg-surface-brand-soft: #F6E3E6;
  --sg-surface-overlay: #FEFCFA;
  --sg-scrim: #27201F;
  --sg-ink-on-scrim: #FEFCFA;
  --sg-scene-welcome: #FEF9EF;
  --sg-scene-mist: #FCF4F4;
  --sg-scene-clay: #EEE3DA;
  --sg-scene-visit: #F7F0E9;
  --sg-gold-ink: #7C5F1C;
  --sg-gold-wash: #FDF6E2;
  --sg-gold-line: #8A6A1F;
  --sg-chart-ours: #8A4C5F;
  --sg-chart-featured: #A5821F;
  --sg-chart-watched: #2A7DB0;
  --sg-chart-rover: #2A9460;
  --sg-chart-other: #9D8F82;
  --sg-ink: #5E3140;
  --sg-ink-soft: #79505B;
  --sg-ink-muted: #7C545F;
  --sg-ink-accent: #294354;
  --sg-ink-brand: #8A4C5F;
  --sg-ink-on-brand: #27201F;
  --sg-ink-on-accent: #FEFCFA;
  --sg-ink-on-inverse: #FEFCFA;
  --sg-ink-on-overlay: #27201F;
  --sg-ink-on-brand-soft: #503D3C;
  --sg-line-subtle: #EEE3DA;
  --sg-line: #9D8F82;
  --sg-line-strong: #655957;
  --sg-line-accent: #668EA2;
  --sg-line-overlay: #EEE3DA;
  --sg-line-on-brand: #ECCBC8;
  --sg-action-primary: #D99F9C;
  --sg-action-primary-ink: #27201F;
  --sg-action-neutral: #EEE3DA;
  --sg-action-neutral-ink: #27201F;
  --sg-action-danger: #6B012F;
  --sg-action-danger-ink: #FEFCFA;
  --sg-action-primary-hover: #C18E8B;
  --sg-action-neutral-hover: #F7F0E9;
  --sg-action-danger-hover: #4A0420;
  --sg-nav-ink: #5E3140;
  --sg-nav-hover-fill: #FBF3F3;
  --sg-nav-current-fill: #F9EBED;
  --sg-nav-current-line: #E4D9DA;
  --sg-choice-neutral-hover: #FBF8F5;
  --sg-choice-neutral-fill: #F9F4F0;
  --sg-choice-neutral-line: #655957;
  --sg-choice-neutral-mark: #443C3A;
  --sg-choice-neutral-mark-ink: #FEFCFA;
  --sg-choice-brand-hover: #FBF3F3;
  --sg-choice-brand-fill: #F9EBED;
  --sg-choice-brand-line: #8A4C5F;
  --sg-choice-brand-mark: #5E3140;
  --sg-choice-brand-mark-ink: #FEFCFA;
  --sg-choice-accent-hover: #F3F5F5;
  --sg-choice-accent-fill: #E9EFF1;
  --sg-choice-accent-line: #365B70;
  --sg-choice-accent-mark: #294354;
  --sg-choice-accent-mark-ink: #FEFCFA;
  --sg-choice-danger-hover: #FFF1F2;
  --sg-choice-danger-fill: #FFE7EA;
  --sg-choice-danger-line: #6B012F;
  --sg-choice-danger-mark: #4A0420;
  --sg-choice-danger-mark-ink: #FEFCFA;
  --sg-emphasis-wash: #F7F1EC;
  --sg-status-positive: #D9EBE4;
  --sg-status-positive-ink: #27201F;
  --sg-status-warning: #F9E2C9;
  --sg-status-warning-ink: #27201F;
  --sg-status-danger: #FFDCE3;
  --sg-status-danger-ink: #27201F;
  --sg-status-info: #D9E9F3;
  --sg-status-info-ink: #27201F;
  --sg-focus-ring: #8A4C5F;
  --sg-light-source: #FEFCFA;
  --sg-shadow-source: #27201F;
  --sg-brand-tint3: #FBF1F3;
  --sg-brand-tint2: #F6E2E6;
  --sg-brand-tint1: #EBC5CE;
  --sg-brand-base: #D99F9C;
  --sg-brand-shade1: #8A4C5F;
  --sg-brand-shade2: #5E3140;
  --sg-brand-shade3: #4B2733;
  --sg-accent-tint3: #EEF3F6;
  --sg-accent-tint2: #DCE8EE;
  --sg-accent-tint1: #BAD0DB;
  --sg-accent-base: #668EA2;
  --sg-accent-shade1: #365B70;
  --sg-accent-shade2: #294354;
  --sg-accent-shade3: #1B313F;
  --sg-neutral-tint3: #FEFCFA;
  --sg-neutral-tint2: #F7F0E9;
  --sg-neutral-tint1: #EEE3DA;
  --sg-neutral-base: #9D8F82;
  --sg-neutral-shade1: #655957;
  --sg-neutral-shade2: #443C3A;
  --sg-neutral-shade3: #27201F;
  --sg-gold-tint3: #FDF6E2;
  --sg-gold-tint2: #F7E9BE;
  --sg-gold-tint1: #F0CF5D;
  --sg-gold-base: #C9A227;
  --sg-gold-shade1: #A5821F;
  --sg-gold-shade2: #8A6A1F;
  --sg-gold-shade3: #5E4714;
  --snuggles-primary-50: #FBF1F3;
  --snuggles-primary-100: #F6E2E6;
  --snuggles-primary-200: #EBC5CE;
  --snuggles-primary-300: #D9A2B0;
  --snuggles-primary-400: #C27F91;
  --snuggles-primary-500: #A66175;
  --snuggles-primary-600: #8A4C5F;
  --snuggles-primary-700: #713D4D;
  --snuggles-primary-800: #5E3140;
  --snuggles-primary-900: #4B2733;
  --sg-lift: #FEFCFA;
  --sg-sink: #27201F;
  --sg-highlight: rgb(255 255 255 / 72%);
  --sg-highlight-soft: rgb(255 255 255 / 46%);
  --sg-shadow: rgb(13 49 41 / 13%);
  --sg-shadow-soft: rgb(13 49 41 / 6%);
  --sg-glass: color-mix(in oklab, var(--sg-surface-overlay) 88%, transparent);
  --sg-glass-sheer: color-mix(in oklab, var(--sg-surface-overlay) 72%, transparent);
}

[data-sg-theme="rose"][data-sg-appearance="dark"] {
  --sg-surface-canvas: #27201F;
  --sg-surface-raised: #383130;
  --sg-surface-sunken: #201918;
  --sg-surface-brand: #D99F9C;
  --sg-surface-brand-hover: #E0AFAC;
  --sg-surface-brand-current: #E5BBB7;
  --sg-surface-accent: #BAD0DB;
  --sg-surface-inverse: #F7F0E9;
  --sg-surface-brand-soft: #63444A;
  --sg-surface-overlay: #48403F;
  --sg-scrim: #170F0D;
  --sg-ink-on-scrim: #FEFCFA;
  --sg-scene-welcome: #362B1F;
  --sg-scene-mist: #312224;
  --sg-scene-clay: #2F2827;
  --sg-scene-visit: #27201F;
  --sg-gold-ink: #F0CF5D;
  --sg-gold-wash: #4E412F;
  --sg-gold-line: #A5821F;
  --sg-chart-ours: #D99F9C;
  --sg-chart-featured: #A5821F;
  --sg-chart-watched: #3F93C9;
  --sg-chart-rover: #49B37A;
  --sg-chart-other: #9D8F82;
  --sg-ink: #FBF1F3;
  --sg-ink-soft: #D7CDCF;
  --sg-ink-muted: #D3CACB;
  --sg-ink-accent: #BAD0DB;
  --sg-ink-brand: #EBC5CE;
  --sg-ink-on-brand: #27201F;
  --sg-ink-on-accent: #27201F;
  --sg-ink-on-inverse: #27201F;
  --sg-ink-on-overlay: #FEFCFA;
  --sg-ink-on-brand-soft: #503D3C;
  --sg-line-subtle: #443C3A;
  --sg-line: #655957;
  --sg-line-strong: #9D8F82;
  --sg-line-accent: #BAD0DB;
  --sg-line-overlay: #655957;
  --sg-line-on-brand: #ECCBC8;
  --sg-action-primary: #D99F9C;
  --sg-action-primary-ink: #27201F;
  --sg-action-neutral: #655957;
  --sg-action-neutral-ink: #FEFCFA;
  --sg-action-danger: #FEB7C7;
  --sg-action-danger-ink: #27201F;
  --sg-action-primary-hover: #C18E8B;
  --sg-action-neutral-hover: #655957;
  --sg-action-danger-hover: #FFDCE3;
  --sg-nav-ink: #FBF1F3;
  --sg-nav-hover-fill: #4F3F40;
  --sg-nav-current-fill: #594145;
  --sg-nav-current-line: #5E5654;
  --sg-choice-neutral-hover: #49413F;
  --sg-choice-neutral-fill: #4E4442;
  --sg-choice-neutral-line: #9D8F82;
  --sg-choice-neutral-mark: #F7F0E9;
  --sg-choice-neutral-mark-ink: #27201F;
  --sg-choice-brand-hover: #4F3F40;
  --sg-choice-brand-fill: #594145;
  --sg-choice-brand-line: #EBC5CE;
  --sg-choice-brand-mark: #EBC5CE;
  --sg-choice-brand-mark-ink: #27201F;
  --sg-choice-accent-hover: #434143;
  --sg-choice-accent-fill: #42454A;
  --sg-choice-accent-line: #BAD0DB;
  --sg-choice-accent-mark: #BAD0DB;
  --sg-choice-accent-mark-ink: #27201F;
  --sg-choice-danger-hover: #4C3738;
  --sg-choice-danger-fill: #523137;
  --sg-choice-danger-line: #FEB7C7;
  --sg-choice-danger-mark: #FEB7C7;
  --sg-choice-danger-mark-ink: #27201F;
  --sg-emphasis-wash: #372F2E;
  --sg-status-positive: #0C2F24;
  --sg-status-positive-ink: #FEFCFA;
  --sg-status-warning: #503001;
  --sg-status-warning-ink: #FEFCFA;
  --sg-status-danger: #4A0420;
  --sg-status-danger-ink: #FEFCFA;
  --sg-status-info: #102C3C;
  --sg-status-info-ink: #FEFCFA;
  --sg-focus-ring: #EBC5CE;
  --sg-light-source: #FEFCFA;
  --sg-shadow-source: #27201F;
  --sg-brand-tint3: #FBF1F3;
  --sg-brand-tint2: #F6E2E6;
  --sg-brand-tint1: #EBC5CE;
  --sg-brand-base: #D99F9C;
  --sg-brand-shade1: #8A4C5F;
  --sg-brand-shade2: #5E3140;
  --sg-brand-shade3: #4B2733;
  --sg-accent-tint3: #EEF3F6;
  --sg-accent-tint2: #DCE8EE;
  --sg-accent-tint1: #BAD0DB;
  --sg-accent-base: #668EA2;
  --sg-accent-shade1: #365B70;
  --sg-accent-shade2: #294354;
  --sg-accent-shade3: #1B313F;
  --sg-neutral-tint3: #FEFCFA;
  --sg-neutral-tint2: #F7F0E9;
  --sg-neutral-tint1: #EEE3DA;
  --sg-neutral-base: #9D8F82;
  --sg-neutral-shade1: #655957;
  --sg-neutral-shade2: #443C3A;
  --sg-neutral-shade3: #27201F;
  --sg-gold-tint3: #FDF6E2;
  --sg-gold-tint2: #F7E9BE;
  --sg-gold-tint1: #F0CF5D;
  --sg-gold-base: #C9A227;
  --sg-gold-shade1: #A5821F;
  --sg-gold-shade2: #8A6A1F;
  --sg-gold-shade3: #5E4714;
  --snuggles-primary-50: #4B2733;
  --snuggles-primary-100: #5E3140;
  --snuggles-primary-200: #713D4D;
  --snuggles-primary-300: #8A4C5F;
  --snuggles-primary-400: #A66175;
  --snuggles-primary-500: #C27F91;
  --snuggles-primary-600: #D9A2B0;
  --snuggles-primary-700: #EBC5CE;
  --snuggles-primary-800: #F6E2E6;
  --snuggles-primary-900: #FBF1F3;
  --sg-lift: #FEFCFA;
  --sg-sink: #27201F;
  --sg-highlight: rgb(255 255 255 / 12%);
  --sg-highlight-soft: rgb(255 255 255 / 7%);
  --sg-shadow: rgb(13 49 41 / 48%);
  --sg-shadow-soft: rgb(13 49 41 / 30%);
  --sg-glass: color-mix(in oklab, var(--sg-surface-overlay) 92%, transparent);
  --sg-glass-sheer: color-mix(in oklab, var(--sg-surface-overlay) 84%, transparent);
}

@media (prefers-color-scheme: dark) {
  :root:not([data-sg-theme]):not([data-sg-appearance]) {
    --sg-surface-canvas: #27201F;
    --sg-surface-raised: #383130;
    --sg-surface-sunken: #201918;
    --sg-surface-brand: #D99F9C;
    --sg-surface-brand-hover: #E0AFAC;
    --sg-surface-brand-current: #E5BBB7;
    --sg-surface-accent: #BAD0DB;
    --sg-surface-inverse: #F7F0E9;
    --sg-surface-brand-soft: #63444A;
    --sg-surface-overlay: #48403F;
    --sg-scrim: #170F0D;
    --sg-ink-on-scrim: #FEFCFA;
    --sg-scene-welcome: #362B1F;
    --sg-scene-mist: #312224;
    --sg-scene-clay: #2F2827;
    --sg-scene-visit: #27201F;
    --sg-gold-ink: #F0CF5D;
    --sg-gold-wash: #4E412F;
    --sg-gold-line: #A5821F;
    --sg-chart-ours: #D99F9C;
    --sg-chart-featured: #A5821F;
    --sg-chart-watched: #3F93C9;
    --sg-chart-rover: #49B37A;
    --sg-chart-other: #9D8F82;
    --sg-ink: #FBF1F3;
    --sg-ink-soft: #D7CDCF;
    --sg-ink-muted: #D3CACB;
    --sg-ink-accent: #BAD0DB;
    --sg-ink-brand: #EBC5CE;
    --sg-ink-on-brand: #27201F;
    --sg-ink-on-accent: #27201F;
    --sg-ink-on-inverse: #27201F;
    --sg-ink-on-overlay: #FEFCFA;
    --sg-ink-on-brand-soft: #503D3C;
    --sg-line-subtle: #443C3A;
    --sg-line: #655957;
    --sg-line-strong: #9D8F82;
    --sg-line-accent: #BAD0DB;
    --sg-line-overlay: #655957;
    --sg-line-on-brand: #ECCBC8;
    --sg-action-primary: #D99F9C;
    --sg-action-primary-ink: #27201F;
    --sg-action-neutral: #655957;
    --sg-action-neutral-ink: #FEFCFA;
    --sg-action-danger: #FEB7C7;
    --sg-action-danger-ink: #27201F;
    --sg-action-primary-hover: #C18E8B;
    --sg-action-neutral-hover: #655957;
    --sg-action-danger-hover: #FFDCE3;
    --sg-nav-ink: #FBF1F3;
    --sg-nav-hover-fill: #4F3F40;
    --sg-nav-current-fill: #594145;
    --sg-nav-current-line: #5E5654;
    --sg-choice-neutral-hover: #49413F;
    --sg-choice-neutral-fill: #4E4442;
    --sg-choice-neutral-line: #9D8F82;
    --sg-choice-neutral-mark: #F7F0E9;
    --sg-choice-neutral-mark-ink: #27201F;
    --sg-choice-brand-hover: #4F3F40;
    --sg-choice-brand-fill: #594145;
    --sg-choice-brand-line: #EBC5CE;
    --sg-choice-brand-mark: #EBC5CE;
    --sg-choice-brand-mark-ink: #27201F;
    --sg-choice-accent-hover: #434143;
    --sg-choice-accent-fill: #42454A;
    --sg-choice-accent-line: #BAD0DB;
    --sg-choice-accent-mark: #BAD0DB;
    --sg-choice-accent-mark-ink: #27201F;
    --sg-choice-danger-hover: #4C3738;
    --sg-choice-danger-fill: #523137;
    --sg-choice-danger-line: #FEB7C7;
    --sg-choice-danger-mark: #FEB7C7;
    --sg-choice-danger-mark-ink: #27201F;
    --sg-emphasis-wash: #372F2E;
    --sg-status-positive: #0C2F24;
    --sg-status-positive-ink: #FEFCFA;
    --sg-status-warning: #503001;
    --sg-status-warning-ink: #FEFCFA;
    --sg-status-danger: #4A0420;
    --sg-status-danger-ink: #FEFCFA;
    --sg-status-info: #102C3C;
    --sg-status-info-ink: #FEFCFA;
    --sg-focus-ring: #EBC5CE;
    --sg-light-source: #FEFCFA;
    --sg-shadow-source: #27201F;
    --sg-brand-tint3: #FBF1F3;
    --sg-brand-tint2: #F6E2E6;
    --sg-brand-tint1: #EBC5CE;
    --sg-brand-base: #D99F9C;
    --sg-brand-shade1: #8A4C5F;
    --sg-brand-shade2: #5E3140;
    --sg-brand-shade3: #4B2733;
    --sg-accent-tint3: #EEF3F6;
    --sg-accent-tint2: #DCE8EE;
    --sg-accent-tint1: #BAD0DB;
    --sg-accent-base: #668EA2;
    --sg-accent-shade1: #365B70;
    --sg-accent-shade2: #294354;
    --sg-accent-shade3: #1B313F;
    --sg-neutral-tint3: #FEFCFA;
    --sg-neutral-tint2: #F7F0E9;
    --sg-neutral-tint1: #EEE3DA;
    --sg-neutral-base: #9D8F82;
    --sg-neutral-shade1: #655957;
    --sg-neutral-shade2: #443C3A;
    --sg-neutral-shade3: #27201F;
    --sg-gold-tint3: #FDF6E2;
    --sg-gold-tint2: #F7E9BE;
    --sg-gold-tint1: #F0CF5D;
    --sg-gold-base: #C9A227;
    --sg-gold-shade1: #A5821F;
    --sg-gold-shade2: #8A6A1F;
    --sg-gold-shade3: #5E4714;
    --snuggles-primary-50: #4B2733;
    --snuggles-primary-100: #5E3140;
    --snuggles-primary-200: #713D4D;
    --snuggles-primary-300: #8A4C5F;
    --snuggles-primary-400: #A66175;
    --snuggles-primary-500: #C27F91;
    --snuggles-primary-600: #D9A2B0;
    --snuggles-primary-700: #EBC5CE;
    --snuggles-primary-800: #F6E2E6;
    --snuggles-primary-900: #FBF1F3;
    --sg-positive-50: #01241A;
    --sg-positive-100: #0C2F24;
    --sg-positive-200: #0B4535;
    --sg-positive-300: #0B4535;
    --sg-positive-400: #3D6F5E;
    --sg-positive-500: #3D6F5E;
    --sg-positive-600: #0B4535;
    --sg-positive-700: #B8D6CA;
    --sg-positive-800: #D9EBE4;
    --sg-positive-900: #ECF5F2;
    --sg-positive-950: #ECF5F2;
    --sg-warning-50: #3E2400;
    --sg-warning-100: #503001;
    --sg-warning-200: #6F4506;
    --sg-warning-300: #6F4506;
    --sg-warning-400: #B4761F;
    --sg-warning-500: #B4761F;
    --sg-warning-600: #6F4506;
    --sg-warning-700: #EEC69B;
    --sg-warning-800: #F9E2C9;
    --sg-warning-900: #FCF1E4;
    --sg-warning-950: #FCF1E4;
    --sg-danger-50: #3B0017;
    --sg-danger-100: #4A0420;
    --sg-danger-200: #6B012F;
    --sg-danger-300: #6B012F;
    --sg-danger-400: #A33232;
    --sg-danger-500: #A33232;
    --sg-danger-600: #6B012F;
    --sg-danger-700: #FEB7C7;
    --sg-danger-800: #FFDCE3;
    --sg-danger-900: #FFEEF1;
    --sg-danger-950: #FFEEF1;
    --sg-info-50: #052131;
    --sg-info-100: #102C3C;
    --sg-info-200: #0F405A;
    --sg-info-300: #0F405A;
    --sg-info-400: #3F6B86;
    --sg-info-500: #3F6B86;
    --sg-info-600: #0F405A;
    --sg-info-700: #B7D3E4;
    --sg-info-800: #D9E9F3;
    --sg-info-900: #ECF4F9;
    --sg-info-950: #ECF4F9;
    --sg-lift: #FEFCFA;
    --sg-sink: #27201F;
    --sg-highlight: rgb(255 255 255 / 12%);
    --sg-highlight-soft: rgb(255 255 255 / 7%);
    --sg-shadow: rgb(13 49 41 / 48%);
    --sg-shadow-soft: rgb(13 49 41 / 30%);
    --sg-glass: color-mix(in oklab, var(--sg-surface-overlay) 92%, transparent);
    --sg-glass-sheer: color-mix(in oklab, var(--sg-surface-overlay) 84%, transparent);
  }

  [data-sg-theme="porcelain"]:not([data-sg-appearance]) {
    --sg-surface-canvas: #24211E;
    --sg-surface-raised: #35322F;
    --sg-surface-sunken: #1D1A17;
    --sg-surface-brand: #D5D1C7;
    --sg-surface-brand-hover: #DCD9D0;
    --sg-surface-brand-current: #E1DED6;
    --sg-surface-accent: #EFC0BC;
    --sg-surface-inverse: #F5F1E8;
    --sg-surface-brand-soft: #4C4941;
    --sg-surface-overlay: #45413E;
    --sg-scrim: #14100C;
    --sg-ink-on-scrim: #FDFCF9;
    --sg-scene-welcome: #332B1E;
    --sg-scene-mist: #282522;
    --sg-scene-clay: #2C2926;
    --sg-scene-visit: #24211E;
    --sg-gold-ink: #F0CF5D;
    --sg-gold-wash: #4B412E;
    --sg-gold-line: #A5821F;
    --sg-chart-ours: #928C7E;
    --sg-chart-featured: #A5821F;
    --sg-chart-watched: #3F93C9;
    --sg-chart-rover: #49B37A;
    --sg-chart-other: #928C7E;
    --sg-ink: #F5F3EF;
    --sg-ink-soft: #D1CFCB;
    --sg-ink-muted: #CDCBC7;
    --sg-ink-accent: #EFC0BC;
    --sg-ink-brand: #D5D1C7;
    --sg-ink-on-brand: #24211E;
    --sg-ink-on-accent: #24211E;
    --sg-ink-on-inverse: #24211E;
    --sg-ink-on-overlay: #FDFCF9;
    --sg-ink-on-brand-soft: #5D5A55;
    --sg-line-subtle: #3F3D39;
    --sg-line: #5E5A54;
    --sg-line-strong: #928C7E;
    --sg-line-accent: #EFC0BC;
    --sg-line-overlay: #5E5A54;
    --sg-line-on-brand: #E8E5DF;
    --sg-action-primary: #D5D1C7;
    --sg-action-primary-ink: #24211E;
    --sg-action-neutral: #5E5A54;
    --sg-action-neutral-ink: #FDFCF9;
    --sg-action-danger: #FEB7C7;
    --sg-action-danger-ink: #24211E;
    --sg-action-primary-hover: #BDB9B0;
    --sg-action-neutral-hover: #5E5A54;
    --sg-action-danger-hover: #FFDCE3;
    --sg-nav-ink: #F5F3EF;
    --sg-nav-hover-fill: #44413C;
    --sg-nav-current-fill: #48453F;
    --sg-nav-current-line: #595753;
    --sg-choice-neutral-hover: #44423D;
    --sg-choice-neutral-fill: #484541;
    --sg-choice-neutral-line: #928C7E;
    --sg-choice-neutral-mark: #F5F1E8;
    --sg-choice-neutral-mark-ink: #24211E;
    --sg-choice-brand-hover: #44413C;
    --sg-choice-brand-fill: #48453F;
    --sg-choice-brand-line: #D5D1C7;
    --sg-choice-brand-mark: #D5D1C7;
    --sg-choice-brand-mark-ink: #24211E;
    --sg-choice-accent-hover: #4E4642;
    --sg-choice-accent-fill: #5B4E4A;
    --sg-choice-accent-line: #EFC0BC;
    --sg-choice-accent-mark: #EFC0BC;
    --sg-choice-accent-mark-ink: #24211E;
    --sg-choice-danger-hover: #483837;
    --sg-choice-danger-fill: #4F3336;
    --sg-choice-danger-line: #FEB7C7;
    --sg-choice-danger-mark: #FEB7C7;
    --sg-choice-danger-mark-ink: #24211E;
    --sg-emphasis-wash: #33302D;
    --sg-status-positive: #0C2F24;
    --sg-status-positive-ink: #FDFCF9;
    --sg-status-warning: #503001;
    --sg-status-warning-ink: #FDFCF9;
    --sg-status-danger: #4A0420;
    --sg-status-danger-ink: #FDFCF9;
    --sg-status-info: #102C3C;
    --sg-status-info-ink: #FDFCF9;
    --sg-focus-ring: #D5D1C7;
    --sg-light-source: #FDFCF9;
    --sg-shadow-source: #24211E;
    --sg-brand-tint3: #F5F3EF;
    --sg-brand-tint2: #E9E6DF;
    --sg-brand-tint1: #D5D1C7;
    --sg-brand-base: #928C7E;
    --sg-brand-shade1: #5C574C;
    --sg-brand-shade2: #403D37;
    --sg-brand-shade3: #33302B;
    --sg-accent-tint3: #FDF6F4;
    --sg-accent-tint2: #F6E5E7;
    --sg-accent-tint1: #EFC0BC;
    --sg-accent-base: #D99F9C;
    --sg-accent-shade1: #A17874;
    --sg-accent-shade2: #7A4650;
    --sg-accent-shade3: #5E3140;
    --sg-neutral-tint3: #FDFCF9;
    --sg-neutral-tint2: #F5F1E8;
    --sg-neutral-tint1: #EAE4D9;
    --sg-neutral-base: #928C7E;
    --sg-neutral-shade1: #5E5A54;
    --sg-neutral-shade2: #3F3D39;
    --sg-neutral-shade3: #24211E;
    --sg-gold-tint3: #FDF6E2;
    --sg-gold-tint2: #F7E9BE;
    --sg-gold-tint1: #F0CF5D;
    --sg-gold-base: #C9A227;
    --sg-gold-shade1: #A5821F;
    --sg-gold-shade2: #8A6A1F;
    --sg-gold-shade3: #5E4714;
    --snuggles-primary-50: #33302B;
    --snuggles-primary-100: #403D37;
    --snuggles-primary-200: #4B473E;
    --snuggles-primary-300: #5C574C;
    --snuggles-primary-400: #746E61;
    --snuggles-primary-500: #928C7E;
    --snuggles-primary-600: #B4AFA2;
    --snuggles-primary-700: #D5D1C7;
    --snuggles-primary-800: #E9E6DF;
    --snuggles-primary-900: #F5F3EF;
    --sg-positive-50: #01241A;
    --sg-positive-100: #0C2F24;
    --sg-positive-200: #0B4535;
    --sg-positive-300: #0B4535;
    --sg-positive-400: #3D6F5E;
    --sg-positive-500: #3D6F5E;
    --sg-positive-600: #0B4535;
    --sg-positive-700: #B8D6CA;
    --sg-positive-800: #D9EBE4;
    --sg-positive-900: #ECF5F2;
    --sg-positive-950: #ECF5F2;
    --sg-warning-50: #3E2400;
    --sg-warning-100: #503001;
    --sg-warning-200: #6F4506;
    --sg-warning-300: #6F4506;
    --sg-warning-400: #B4761F;
    --sg-warning-500: #B4761F;
    --sg-warning-600: #6F4506;
    --sg-warning-700: #EEC69B;
    --sg-warning-800: #F9E2C9;
    --sg-warning-900: #FCF1E4;
    --sg-warning-950: #FCF1E4;
    --sg-danger-50: #3B0017;
    --sg-danger-100: #4A0420;
    --sg-danger-200: #6B012F;
    --sg-danger-300: #6B012F;
    --sg-danger-400: #A33232;
    --sg-danger-500: #A33232;
    --sg-danger-600: #6B012F;
    --sg-danger-700: #FEB7C7;
    --sg-danger-800: #FFDCE3;
    --sg-danger-900: #FFEEF1;
    --sg-danger-950: #FFEEF1;
    --sg-info-50: #052131;
    --sg-info-100: #102C3C;
    --sg-info-200: #0F405A;
    --sg-info-300: #0F405A;
    --sg-info-400: #3F6B86;
    --sg-info-500: #3F6B86;
    --sg-info-600: #0F405A;
    --sg-info-700: #B7D3E4;
    --sg-info-800: #D9E9F3;
    --sg-info-900: #ECF4F9;
    --sg-info-950: #ECF4F9;
    --sg-lift: #FDFCF9;
    --sg-sink: #24211E;
    --sg-highlight: rgb(255 255 255 / 12%);
    --sg-highlight-soft: rgb(255 255 255 / 7%);
    --sg-shadow: rgb(13 49 41 / 48%);
    --sg-shadow-soft: rgb(13 49 41 / 30%);
    --sg-glass: color-mix(in oklab, var(--sg-surface-overlay) 92%, transparent);
    --sg-glass-sheer: color-mix(in oklab, var(--sg-surface-overlay) 84%, transparent);
  }

  [data-sg-theme="green"]:not([data-sg-appearance]) {
    --sg-surface-canvas: #211E1C;
    --sg-surface-raised: #322F2D;
    --sg-surface-sunken: #1A1715;
    --sg-surface-brand: #B7D1C6;
    --sg-surface-brand-hover: #C4D9CF;
    --sg-surface-brand-current: #CCDED6;
    --sg-surface-accent: #EFC0BC;
    --sg-surface-inverse: #F7F3EA;
    --sg-surface-brand-soft: #384A40;
    --sg-surface-overlay: #423E3C;
    --sg-scrim: #100C08;
    --sg-ink-on-scrim: #FFFEFB;
    --sg-scene-welcome: #31291D;
    --sg-scene-mist: #1E2320;
    --sg-scene-clay: #2A2724;
    --sg-scene-visit: #211E1C;
    --sg-gold-ink: #F0CF5D;
    --sg-gold-wash: #4B412E;
    --sg-gold-line: #A5821F;
    --sg-chart-ours: #5D8C7A;
    --sg-chart-featured: #A5821F;
    --sg-chart-watched: #3F93C9;
    --sg-chart-rover: #49B37A;
    --sg-chart-other: #928C7E;
    --sg-ink: #EDF4F1;
    --sg-ink-soft: #CBD0CD;
    --sg-ink-muted: #C7CCC9;
    --sg-ink-accent: #EFC0BC;
    --sg-ink-brand: #B7D1C6;
    --sg-ink-on-brand: #211E1C;
    --sg-ink-on-accent: #211E1C;
    --sg-ink-on-inverse: #211E1C;
    --sg-ink-on-overlay: #FFFEFB;
    --sg-ink-on-brand-soft: #525753;
    --sg-line-subtle: #3F3D39;
    --sg-line: #5E5B55;
    --sg-line-strong: #928C7E;
    --sg-line-accent: #EFC0BC;
    --sg-line-overlay: #5E5B55;
    --sg-line-on-brand: #D9E6DF;
    --sg-action-primary: #B7D1C6;
    --sg-action-primary-ink: #211E1C;
    --sg-action-neutral: #5E5B55;
    --sg-action-neutral-ink: #FFFEFB;
    --sg-action-danger: #FEB7C7;
    --sg-action-danger-ink: #211E1C;
    --sg-action-primary-hover: #A3B9AF;
    --sg-action-neutral-hover: #5E5B55;
    --sg-action-danger-hover: #FFDCE3;
    --sg-nav-ink: #EDF4F1;
    --sg-nav-hover-fill: #3D423C;
    --sg-nav-current-fill: #3B453E;
    --sg-nav-current-line: #585753;
    --sg-choice-neutral-hover: #44423D;
    --sg-choice-neutral-fill: #484641;
    --sg-choice-neutral-line: #928C7E;
    --sg-choice-neutral-mark: #F7F3EA;
    --sg-choice-neutral-mark-ink: #211E1C;
    --sg-choice-brand-hover: #3D423C;
    --sg-choice-brand-fill: #3B453E;
    --sg-choice-brand-line: #B7D1C6;
    --sg-choice-brand-mark: #B7D1C6;
    --sg-choice-brand-mark-ink: #211E1C;
    --sg-choice-accent-hover: #4E4642;
    --sg-choice-accent-fill: #5B4E4A;
    --sg-choice-accent-line: #EFC0BC;
    --sg-choice-accent-mark: #EFC0BC;
    --sg-choice-accent-mark-ink: #211E1C;
    --sg-choice-danger-hover: #483837;
    --sg-choice-danger-fill: #4F3336;
    --sg-choice-danger-line: #FEB7C7;
    --sg-choice-danger-mark: #FEB7C7;
    --sg-choice-danger-mark-ink: #211E1C;
    --sg-emphasis-wash: #312F2C;
    --sg-status-positive: #0C2F24;
    --sg-status-positive-ink: #FFFEFB;
    --sg-status-warning: #503001;
    --sg-status-warning-ink: #FFFEFB;
    --sg-status-danger: #4A0420;
    --sg-status-danger-ink: #FFFEFB;
    --sg-status-info: #102C3C;
    --sg-status-info-ink: #FFFEFB;
    --sg-focus-ring: #B7D1C6;
    --sg-light-source: #FFFEFB;
    --sg-shadow-source: #211E1C;
    --sg-brand-tint3: #EDF4F1;
    --sg-brand-tint2: #DBE9E3;
    --sg-brand-tint1: #B7D1C6;
    --sg-brand-base: #5D8C7A;
    --sg-brand-shade1: #285949;
    --sg-brand-shade2: #2E3B31;
    --sg-brand-shade3: #0D3129;
    --sg-accent-tint3: #FDF6F4;
    --sg-accent-tint2: #F6E5E7;
    --sg-accent-tint1: #EFC0BC;
    --sg-accent-base: #D99F9C;
    --sg-accent-shade1: #A17874;
    --sg-accent-shade2: #7A4650;
    --sg-accent-shade3: #5E3140;
    --sg-neutral-tint3: #FFFEFB;
    --sg-neutral-tint2: #F7F3EA;
    --sg-neutral-tint1: #EEE8DC;
    --sg-neutral-base: #928C7E;
    --sg-neutral-shade1: #5E5B55;
    --sg-neutral-shade2: #3F3D39;
    --sg-neutral-shade3: #211E1C;
    --sg-gold-tint3: #FDF6E2;
    --sg-gold-tint2: #F7E9BE;
    --sg-gold-tint1: #F0CF5D;
    --sg-gold-base: #C9A227;
    --sg-gold-shade1: #A5821F;
    --sg-gold-shade2: #8A6A1F;
    --sg-gold-shade3: #5E4714;
    --snuggles-primary-50: #0D3129;
    --snuggles-primary-100: #143D33;
    --snuggles-primary-200: #1B493C;
    --snuggles-primary-300: #285949;
    --snuggles-primary-400: #3D6F5E;
    --snuggles-primary-500: #5D8C7A;
    --snuggles-primary-600: #87AD9E;
    --snuggles-primary-700: #B7D1C6;
    --snuggles-primary-800: #DBE9E3;
    --snuggles-primary-900: #EDF4F1;
    --sg-positive-50: #01241A;
    --sg-positive-100: #0C2F24;
    --sg-positive-200: #0B4535;
    --sg-positive-300: #0B4535;
    --sg-positive-400: #3D6F5E;
    --sg-positive-500: #3D6F5E;
    --sg-positive-600: #0B4535;
    --sg-positive-700: #B8D6CA;
    --sg-positive-800: #D9EBE4;
    --sg-positive-900: #ECF5F2;
    --sg-positive-950: #ECF5F2;
    --sg-warning-50: #3E2400;
    --sg-warning-100: #503001;
    --sg-warning-200: #6F4506;
    --sg-warning-300: #6F4506;
    --sg-warning-400: #B4761F;
    --sg-warning-500: #B4761F;
    --sg-warning-600: #6F4506;
    --sg-warning-700: #EEC69B;
    --sg-warning-800: #F9E2C9;
    --sg-warning-900: #FCF1E4;
    --sg-warning-950: #FCF1E4;
    --sg-danger-50: #3B0017;
    --sg-danger-100: #4A0420;
    --sg-danger-200: #6B012F;
    --sg-danger-300: #6B012F;
    --sg-danger-400: #A33232;
    --sg-danger-500: #A33232;
    --sg-danger-600: #6B012F;
    --sg-danger-700: #FEB7C7;
    --sg-danger-800: #FFDCE3;
    --sg-danger-900: #FFEEF1;
    --sg-danger-950: #FFEEF1;
    --sg-info-50: #052131;
    --sg-info-100: #102C3C;
    --sg-info-200: #0F405A;
    --sg-info-300: #0F405A;
    --sg-info-400: #3F6B86;
    --sg-info-500: #3F6B86;
    --sg-info-600: #0F405A;
    --sg-info-700: #B7D3E4;
    --sg-info-800: #D9E9F3;
    --sg-info-900: #ECF4F9;
    --sg-info-950: #ECF4F9;
    --sg-lift: #FFFEFB;
    --sg-sink: #211E1C;
    --sg-highlight: rgb(255 255 255 / 12%);
    --sg-highlight-soft: rgb(255 255 255 / 7%);
    --sg-shadow: rgb(13 49 41 / 48%);
    --sg-shadow-soft: rgb(13 49 41 / 30%);
    --sg-glass: color-mix(in oklab, var(--sg-surface-overlay) 92%, transparent);
    --sg-glass-sheer: color-mix(in oklab, var(--sg-surface-overlay) 84%, transparent);
  }

  [data-sg-theme="blue"]:not([data-sg-appearance]) {
    --sg-surface-canvas: #212122;
    --sg-surface-raised: #323233;
    --sg-surface-sunken: #1A1A1B;
    --sg-surface-brand: #BAD0DB;
    --sg-surface-brand-hover: #C6D8E1;
    --sg-surface-brand-current: #CEDDE4;
    --sg-surface-accent: #EFC0BC;
    --sg-surface-inverse: #F2F1EB;
    --sg-surface-brand-soft: #3B4B54;
    --sg-surface-overlay: #414143;
    --sg-scrim: #101011;
    --sg-ink-on-scrim: #FCFCFA;
    --sg-scene-welcome: #312C21;
    --sg-scene-mist: #20262A;
    --sg-scene-clay: #29292A;
    --sg-scene-visit: #212122;
    --sg-gold-ink: #F0CF5D;
    --sg-gold-wash: #4A4231;
    --sg-gold-line: #A5821F;
    --sg-chart-ours: #668EA2;
    --sg-chart-featured: #A5821F;
    --sg-chart-watched: #3F93C9;
    --sg-chart-rover: #49B37A;
    --sg-chart-other: #8B8D85;
    --sg-ink: #EEF3F6;
    --sg-ink-soft: #CBD0D2;
    --sg-ink-muted: #C7CCCE;
    --sg-ink-accent: #EFC0BC;
    --sg-ink-brand: #BAD0DB;
    --sg-ink-on-brand: #212122;
    --sg-ink-on-accent: #212122;
    --sg-ink-on-inverse: #212122;
    --sg-ink-on-overlay: #FCFCFA;
    --sg-ink-on-brand-soft: #52585D;
    --sg-line-subtle: #3C3E3E;
    --sg-line: #585B5A;
    --sg-line-strong: #8B8D85;
    --sg-line-accent: #EFC0BC;
    --sg-line-overlay: #585B5A;
    --sg-line-on-brand: #D9E5EA;
    --sg-action-primary: #BAD0DB;
    --sg-action-primary-ink: #212122;
    --sg-action-neutral: #585B5A;
    --sg-action-neutral-ink: #FCFCFA;
    --sg-action-danger: #FEB7C7;
    --sg-action-danger-ink: #212122;
    --sg-action-primary-hover: #A6B9C2;
    --sg-action-neutral-hover: #585B5A;
    --sg-action-danger-hover: #FFDCE3;
    --sg-nav-ink: #EEF3F6;
    --sg-nav-hover-fill: #3C4346;
    --sg-nav-current-fill: #3B474D;
    --sg-nav-current-line: #555858;
    --sg-choice-neutral-hover: #404342;
    --sg-choice-neutral-fill: #444746;
    --sg-choice-neutral-line: #8B8D85;
    --sg-choice-neutral-mark: #F2F1EB;
    --sg-choice-neutral-mark-ink: #212122;
    --sg-choice-brand-hover: #3C4346;
    --sg-choice-brand-fill: #3B474D;
    --sg-choice-brand-line: #BAD0DB;
    --sg-choice-brand-mark: #BAD0DB;
    --sg-choice-brand-mark-ink: #212122;
    --sg-choice-accent-hover: #4B4746;
    --sg-choice-accent-fill: #594F4E;
    --sg-choice-accent-line: #EFC0BC;
    --sg-choice-accent-mark: #EFC0BC;
    --sg-choice-accent-mark-ink: #212122;
    --sg-choice-danger-hover: #46393C;
    --sg-choice-danger-fill: #4E3339;
    --sg-choice-danger-line: #FEB7C7;
    --sg-choice-danger-mark: #FEB7C7;
    --sg-choice-danger-mark-ink: #212122;
    --sg-emphasis-wash: #303131;
    --sg-status-positive: #0C2F24;
    --sg-status-positive-ink: #FCFCFA;
    --sg-status-warning: #503001;
    --sg-status-warning-ink: #FCFCFA;
    --sg-status-danger: #4A0420;
    --sg-status-danger-ink: #FCFCFA;
    --sg-status-info: #102C3C;
    --sg-status-info-ink: #FCFCFA;
    --sg-focus-ring: #BAD0DB;
    --sg-light-source: #FCFCFA;
    --sg-shadow-source: #212122;
    --sg-brand-tint3: #EEF3F6;
    --sg-brand-tint2: #DCE8EE;
    --sg-brand-tint1: #BAD0DB;
    --sg-brand-base: #668EA2;
    --sg-brand-shade1: #365B70;
    --sg-brand-shade2: #294354;
    --sg-brand-shade3: #1B313F;
    --sg-accent-tint3: #FDF6F4;
    --sg-accent-tint2: #F6E5E7;
    --sg-accent-tint1: #EFC0BC;
    --sg-accent-base: #D99F9C;
    --sg-accent-shade1: #A17874;
    --sg-accent-shade2: #7A4650;
    --sg-accent-shade3: #5E3140;
    --sg-neutral-tint3: #FCFCFA;
    --sg-neutral-tint2: #F2F1EB;
    --sg-neutral-tint1: #E5E4DC;
    --sg-neutral-base: #8B8D85;
    --sg-neutral-shade1: #585B5A;
    --sg-neutral-shade2: #3C3E3E;
    --sg-neutral-shade3: #212122;
    --sg-gold-tint3: #FDF6E2;
    --sg-gold-tint2: #F7E9BE;
    --sg-gold-tint1: #F0CF5D;
    --sg-gold-base: #C9A227;
    --sg-gold-shade1: #A5821F;
    --sg-gold-shade2: #8A6A1F;
    --sg-gold-shade3: #5E4714;
    --snuggles-primary-50: #1B313F;
    --snuggles-primary-100: #223D4C;
    --snuggles-primary-200: #29495B;
    --snuggles-primary-300: #365B70;
    --snuggles-primary-400: #497187;
    --snuggles-primary-500: #668EA2;
    --snuggles-primary-600: #8EAFBF;
    --snuggles-primary-700: #BAD0DB;
    --snuggles-primary-800: #DCE8EE;
    --snuggles-primary-900: #EEF3F6;
    --sg-positive-50: #01241A;
    --sg-positive-100: #0C2F24;
    --sg-positive-200: #0B4535;
    --sg-positive-300: #0B4535;
    --sg-positive-400: #3D6F5E;
    --sg-positive-500: #3D6F5E;
    --sg-positive-600: #0B4535;
    --sg-positive-700: #B8D6CA;
    --sg-positive-800: #D9EBE4;
    --sg-positive-900: #ECF5F2;
    --sg-positive-950: #ECF5F2;
    --sg-warning-50: #3E2400;
    --sg-warning-100: #503001;
    --sg-warning-200: #6F4506;
    --sg-warning-300: #6F4506;
    --sg-warning-400: #B4761F;
    --sg-warning-500: #B4761F;
    --sg-warning-600: #6F4506;
    --sg-warning-700: #EEC69B;
    --sg-warning-800: #F9E2C9;
    --sg-warning-900: #FCF1E4;
    --sg-warning-950: #FCF1E4;
    --sg-danger-50: #3B0017;
    --sg-danger-100: #4A0420;
    --sg-danger-200: #6B012F;
    --sg-danger-300: #6B012F;
    --sg-danger-400: #A33232;
    --sg-danger-500: #A33232;
    --sg-danger-600: #6B012F;
    --sg-danger-700: #FEB7C7;
    --sg-danger-800: #FFDCE3;
    --sg-danger-900: #FFEEF1;
    --sg-danger-950: #FFEEF1;
    --sg-info-50: #052131;
    --sg-info-100: #102C3C;
    --sg-info-200: #0F405A;
    --sg-info-300: #0F405A;
    --sg-info-400: #3F6B86;
    --sg-info-500: #3F6B86;
    --sg-info-600: #0F405A;
    --sg-info-700: #B7D3E4;
    --sg-info-800: #D9E9F3;
    --sg-info-900: #ECF4F9;
    --sg-info-950: #ECF4F9;
    --sg-lift: #FCFCFA;
    --sg-sink: #212122;
    --sg-highlight: rgb(255 255 255 / 12%);
    --sg-highlight-soft: rgb(255 255 255 / 7%);
    --sg-shadow: rgb(13 49 41 / 48%);
    --sg-shadow-soft: rgb(13 49 41 / 30%);
    --sg-glass: color-mix(in oklab, var(--sg-surface-overlay) 92%, transparent);
    --sg-glass-sheer: color-mix(in oklab, var(--sg-surface-overlay) 84%, transparent);
  }

  [data-sg-theme="rose"]:not([data-sg-appearance]) {
    --sg-surface-canvas: #27201F;
    --sg-surface-raised: #383130;
    --sg-surface-sunken: #201918;
    --sg-surface-brand: #D99F9C;
    --sg-surface-brand-hover: #E0AFAC;
    --sg-surface-brand-current: #E5BBB7;
    --sg-surface-accent: #BAD0DB;
    --sg-surface-inverse: #F7F0E9;
    --sg-surface-brand-soft: #63444A;
    --sg-surface-overlay: #48403F;
    --sg-scrim: #170F0D;
    --sg-ink-on-scrim: #FEFCFA;
    --sg-scene-welcome: #362B1F;
    --sg-scene-mist: #312224;
    --sg-scene-clay: #2F2827;
    --sg-scene-visit: #27201F;
    --sg-gold-ink: #F0CF5D;
    --sg-gold-wash: #4E412F;
    --sg-gold-line: #A5821F;
    --sg-chart-ours: #D99F9C;
    --sg-chart-featured: #A5821F;
    --sg-chart-watched: #3F93C9;
    --sg-chart-rover: #49B37A;
    --sg-chart-other: #9D8F82;
    --sg-ink: #FBF1F3;
    --sg-ink-soft: #D7CDCF;
    --sg-ink-muted: #D3CACB;
    --sg-ink-accent: #BAD0DB;
    --sg-ink-brand: #EBC5CE;
    --sg-ink-on-brand: #27201F;
    --sg-ink-on-accent: #27201F;
    --sg-ink-on-inverse: #27201F;
    --sg-ink-on-overlay: #FEFCFA;
    --sg-ink-on-brand-soft: #503D3C;
    --sg-line-subtle: #443C3A;
    --sg-line: #655957;
    --sg-line-strong: #9D8F82;
    --sg-line-accent: #BAD0DB;
    --sg-line-overlay: #655957;
    --sg-line-on-brand: #ECCBC8;
    --sg-action-primary: #D99F9C;
    --sg-action-primary-ink: #27201F;
    --sg-action-neutral: #655957;
    --sg-action-neutral-ink: #FEFCFA;
    --sg-action-danger: #FEB7C7;
    --sg-action-danger-ink: #27201F;
    --sg-action-primary-hover: #C18E8B;
    --sg-action-neutral-hover: #655957;
    --sg-action-danger-hover: #FFDCE3;
    --sg-nav-ink: #FBF1F3;
    --sg-nav-hover-fill: #4F3F40;
    --sg-nav-current-fill: #594145;
    --sg-nav-current-line: #5E5654;
    --sg-choice-neutral-hover: #49413F;
    --sg-choice-neutral-fill: #4E4442;
    --sg-choice-neutral-line: #9D8F82;
    --sg-choice-neutral-mark: #F7F0E9;
    --sg-choice-neutral-mark-ink: #27201F;
    --sg-choice-brand-hover: #4F3F40;
    --sg-choice-brand-fill: #594145;
    --sg-choice-brand-line: #EBC5CE;
    --sg-choice-brand-mark: #EBC5CE;
    --sg-choice-brand-mark-ink: #27201F;
    --sg-choice-accent-hover: #434143;
    --sg-choice-accent-fill: #42454A;
    --sg-choice-accent-line: #BAD0DB;
    --sg-choice-accent-mark: #BAD0DB;
    --sg-choice-accent-mark-ink: #27201F;
    --sg-choice-danger-hover: #4C3738;
    --sg-choice-danger-fill: #523137;
    --sg-choice-danger-line: #FEB7C7;
    --sg-choice-danger-mark: #FEB7C7;
    --sg-choice-danger-mark-ink: #27201F;
    --sg-emphasis-wash: #372F2E;
    --sg-status-positive: #0C2F24;
    --sg-status-positive-ink: #FEFCFA;
    --sg-status-warning: #503001;
    --sg-status-warning-ink: #FEFCFA;
    --sg-status-danger: #4A0420;
    --sg-status-danger-ink: #FEFCFA;
    --sg-status-info: #102C3C;
    --sg-status-info-ink: #FEFCFA;
    --sg-focus-ring: #EBC5CE;
    --sg-light-source: #FEFCFA;
    --sg-shadow-source: #27201F;
    --sg-brand-tint3: #FBF1F3;
    --sg-brand-tint2: #F6E2E6;
    --sg-brand-tint1: #EBC5CE;
    --sg-brand-base: #D99F9C;
    --sg-brand-shade1: #8A4C5F;
    --sg-brand-shade2: #5E3140;
    --sg-brand-shade3: #4B2733;
    --sg-accent-tint3: #EEF3F6;
    --sg-accent-tint2: #DCE8EE;
    --sg-accent-tint1: #BAD0DB;
    --sg-accent-base: #668EA2;
    --sg-accent-shade1: #365B70;
    --sg-accent-shade2: #294354;
    --sg-accent-shade3: #1B313F;
    --sg-neutral-tint3: #FEFCFA;
    --sg-neutral-tint2: #F7F0E9;
    --sg-neutral-tint1: #EEE3DA;
    --sg-neutral-base: #9D8F82;
    --sg-neutral-shade1: #655957;
    --sg-neutral-shade2: #443C3A;
    --sg-neutral-shade3: #27201F;
    --sg-gold-tint3: #FDF6E2;
    --sg-gold-tint2: #F7E9BE;
    --sg-gold-tint1: #F0CF5D;
    --sg-gold-base: #C9A227;
    --sg-gold-shade1: #A5821F;
    --sg-gold-shade2: #8A6A1F;
    --sg-gold-shade3: #5E4714;
    --snuggles-primary-50: #4B2733;
    --snuggles-primary-100: #5E3140;
    --snuggles-primary-200: #713D4D;
    --snuggles-primary-300: #8A4C5F;
    --snuggles-primary-400: #A66175;
    --snuggles-primary-500: #C27F91;
    --snuggles-primary-600: #D9A2B0;
    --snuggles-primary-700: #EBC5CE;
    --snuggles-primary-800: #F6E2E6;
    --snuggles-primary-900: #FBF1F3;
    --sg-positive-50: #01241A;
    --sg-positive-100: #0C2F24;
    --sg-positive-200: #0B4535;
    --sg-positive-300: #0B4535;
    --sg-positive-400: #3D6F5E;
    --sg-positive-500: #3D6F5E;
    --sg-positive-600: #0B4535;
    --sg-positive-700: #B8D6CA;
    --sg-positive-800: #D9EBE4;
    --sg-positive-900: #ECF5F2;
    --sg-positive-950: #ECF5F2;
    --sg-warning-50: #3E2400;
    --sg-warning-100: #503001;
    --sg-warning-200: #6F4506;
    --sg-warning-300: #6F4506;
    --sg-warning-400: #B4761F;
    --sg-warning-500: #B4761F;
    --sg-warning-600: #6F4506;
    --sg-warning-700: #EEC69B;
    --sg-warning-800: #F9E2C9;
    --sg-warning-900: #FCF1E4;
    --sg-warning-950: #FCF1E4;
    --sg-danger-50: #3B0017;
    --sg-danger-100: #4A0420;
    --sg-danger-200: #6B012F;
    --sg-danger-300: #6B012F;
    --sg-danger-400: #A33232;
    --sg-danger-500: #A33232;
    --sg-danger-600: #6B012F;
    --sg-danger-700: #FEB7C7;
    --sg-danger-800: #FFDCE3;
    --sg-danger-900: #FFEEF1;
    --sg-danger-950: #FFEEF1;
    --sg-info-50: #052131;
    --sg-info-100: #102C3C;
    --sg-info-200: #0F405A;
    --sg-info-300: #0F405A;
    --sg-info-400: #3F6B86;
    --sg-info-500: #3F6B86;
    --sg-info-600: #0F405A;
    --sg-info-700: #B7D3E4;
    --sg-info-800: #D9E9F3;
    --sg-info-900: #ECF4F9;
    --sg-info-950: #ECF4F9;
    --sg-lift: #FEFCFA;
    --sg-sink: #27201F;
    --sg-highlight: rgb(255 255 255 / 12%);
    --sg-highlight-soft: rgb(255 255 255 / 7%);
    --sg-shadow: rgb(13 49 41 / 48%);
    --sg-shadow-soft: rgb(13 49 41 / 30%);
    --sg-glass: color-mix(in oklab, var(--sg-surface-overlay) 92%, transparent);
    --sg-glass-sheer: color-mix(in oklab, var(--sg-surface-overlay) 84%, transparent);
  }
}

:root[data-sg-brand-surface-tone="light"] {
  --sg-surface-brand: #D99F9C;
  --sg-surface-brand-hover: #E0AFAC;
  --sg-surface-brand-current: #E5BBB7;
  --sg-ink-on-brand: #27201F;
  --sg-ink-on-brand-soft: #503D3C;
  --sg-line-on-brand: #ECCBC8;
}

:root[data-sg-action-tone="light"] {
  --sg-action-primary: #D99F9C;
  --sg-action-primary-ink: #27201F;
  --sg-action-primary-hover: #C18E8B;
}

:root[data-sg-brand-surface-tone="dark"] {
  --sg-surface-brand: #5E3140;
  --sg-surface-brand-hover: #6E4350;
  --sg-surface-brand-current: #774E5B;
  --sg-ink-on-brand: #FEFCFA;
  --sg-ink-on-brand-soft: #BBA4A9;
  --sg-line-on-brand: #8A656F;
}

:root[data-sg-action-tone="dark"] {
  --sg-action-primary: #5E3140;
  --sg-action-primary-ink: #FEFCFA;
  --sg-action-primary-hover: #714754;
}

[data-sg-theme="porcelain"][data-sg-brand-surface-tone="light"] {
  --sg-surface-brand: #D5D1C7;
  --sg-surface-brand-hover: #DCD9D0;
  --sg-surface-brand-current: #E1DED6;
  --sg-ink-on-brand: #24211E;
  --sg-ink-on-brand-soft: #5D5A55;
  --sg-line-on-brand: #E8E5DF;
}

[data-sg-theme="porcelain"][data-sg-action-tone="light"] {
  --sg-action-primary: #D5D1C7;
  --sg-action-primary-ink: #24211E;
  --sg-action-primary-hover: #BDB9B0;
}

[data-sg-theme="porcelain"][data-sg-brand-surface-tone="dark"] {
  --sg-surface-brand: #403D37;
  --sg-surface-brand-hover: #514E48;
  --sg-surface-brand-current: #5B5852;
  --sg-ink-on-brand: #FDFCF9;
  --sg-ink-on-brand-soft: #A9A7A2;
  --sg-line-on-brand: #706E68;
}

[data-sg-theme="porcelain"][data-sg-action-tone="dark"] {
  --sg-action-primary: #403D37;
  --sg-action-primary-ink: #FDFCF9;
  --sg-action-primary-hover: #54514B;
}

[data-sg-theme="green"][data-sg-brand-surface-tone="light"] {
  --sg-surface-brand: #B7D1C6;
  --sg-surface-brand-hover: #C4D9CF;
  --sg-surface-brand-current: #CCDED6;
  --sg-ink-on-brand: #211E1C;
  --sg-ink-on-brand-soft: #525753;
  --sg-line-on-brand: #D9E6DF;
}

[data-sg-theme="green"][data-sg-action-tone="light"] {
  --sg-action-primary: #B7D1C6;
  --sg-action-primary-ink: #211E1C;
  --sg-action-primary-hover: #A3B9AF;
}

[data-sg-theme="green"][data-sg-brand-surface-tone="dark"] {
  --sg-surface-brand: #2E3B31;
  --sg-surface-brand-hover: #404C42;
  --sg-surface-brand-current: #4B574D;
  --sg-ink-on-brand: #FFFEFB;
  --sg-ink-on-brand-soft: #9CA29B;
  --sg-line-on-brand: #636D64;
}

[data-sg-theme="green"][data-sg-action-tone="dark"] {
  --sg-action-primary: #2E3B31;
  --sg-action-primary-ink: #FFFEFB;
  --sg-action-primary-hover: #445046;
}

[data-sg-theme="blue"][data-sg-brand-surface-tone="light"] {
  --sg-surface-brand: #BAD0DB;
  --sg-surface-brand-hover: #C6D8E1;
  --sg-surface-brand-current: #CEDDE4;
  --sg-ink-on-brand: #212122;
  --sg-ink-on-brand-soft: #52585D;
  --sg-line-on-brand: #D9E5EA;
}

[data-sg-theme="blue"][data-sg-action-tone="light"] {
  --sg-action-primary: #BAD0DB;
  --sg-action-primary-ink: #212122;
  --sg-action-primary-hover: #A6B9C2;
}

[data-sg-theme="blue"][data-sg-brand-surface-tone="dark"] {
  --sg-surface-brand: #294354;
  --sg-surface-brand-hover: #3C5463;
  --sg-surface-brand-current: #485E6D;
  --sg-ink-on-brand: #FCFCFA;
  --sg-ink-on-brand-soft: #A1ADB4;
  --sg-line-on-brand: #5F7380;
}

[data-sg-theme="blue"][data-sg-action-tone="dark"] {
  --sg-action-primary: #294354;
  --sg-action-primary-ink: #FCFCFA;
  --sg-action-primary-hover: #405766;
}

:root {
  --sg-season-wash: var(--sg-surface-canvas);
  --sg-season-ornament: var(--sg-gold-ink);
  --sg-season-ornament-soft: var(--sg-ink-muted);
  --sg-season-highlight: var(--sg-gold-base);
  --sg-season-line: var(--sg-line);
  --sg-season-tint: var(--sg-surface-canvas);
  --sg-season-tint-amount: 0%;
  --sg-season-emphasis: var(--sg-ink-brand);
  --sg-season-emphasis-second: var(--sg-ink-brand);
  --sg-season-atmosphere: none;
  --sg-season-glyph: "✦";
  --sg-season-motif: none;
  --sg-season-motif-deep: none;
  --sg-season-mark: none;
  --sg-season-mark-deep: none;
  --sg-season-corner-top: none;
  --sg-season-corner-bottom: none;
  --sg-season-garland: none;
  --sg-season-character: var(--sg-brand-base);
  --sg-season-accent-tint3: var(--sg-accent-tint3);
  --sg-season-accent-tint2: var(--sg-accent-tint2);
  --sg-season-accent-tint1: var(--sg-accent-tint1);
  --sg-season-accent-base: var(--sg-accent-base);
  --sg-season-accent-shade1: var(--sg-accent-shade1);
  --sg-season-accent-shade2: var(--sg-accent-shade2);
  --sg-season-accent-shade3: var(--sg-accent-shade3);
  --sg-season-accent-surface: var(--sg-surface-accent);
  --sg-season-accent-hover: color-mix(in oklab, var(--sg-surface-accent) 82%, var(--sg-accent-tint1));
  --sg-season-accent-ink: var(--sg-ink-accent);
  --sg-season-accent-on: var(--sg-ink-on-accent);
  --sg-season-accent-line: var(--sg-line-accent);
  --sg-season-choice-accent-hover: var(--sg-choice-accent-hover);
  --sg-season-choice-accent-fill: var(--sg-choice-accent-fill);
  --sg-season-choice-accent-line: var(--sg-choice-accent-line);
  --sg-season-choice-accent-mark: var(--sg-choice-accent-mark);
  --sg-season-choice-accent-mark-ink: var(--sg-choice-accent-mark-ink);
}

[data-sg-season="none"] {
  --sg-season-wash: var(--sg-surface-canvas);
  --sg-season-ornament: var(--sg-gold-ink);
  --sg-season-ornament-soft: var(--sg-ink-muted);
  --sg-season-highlight: var(--sg-gold-base);
  --sg-season-line: var(--sg-line);
  --sg-season-tint: var(--sg-surface-canvas);
  --sg-season-tint-amount: 0%;
  --sg-season-emphasis: var(--sg-ink-brand);
  --sg-season-emphasis-second: var(--sg-ink-brand);
  --sg-season-atmosphere: none;
  --sg-season-glyph: "✦";
  --sg-season-motif: none;
  --sg-season-motif-deep: none;
  --sg-season-mark: none;
  --sg-season-mark-deep: none;
  --sg-season-corner-top: none;
  --sg-season-corner-bottom: none;
  --sg-season-garland: none;
  --sg-season-character: var(--sg-brand-base);
  --sg-season-accent-tint3: var(--sg-accent-tint3);
  --sg-season-accent-tint2: var(--sg-accent-tint2);
  --sg-season-accent-tint1: var(--sg-accent-tint1);
  --sg-season-accent-base: var(--sg-accent-base);
  --sg-season-accent-shade1: var(--sg-accent-shade1);
  --sg-season-accent-shade2: var(--sg-accent-shade2);
  --sg-season-accent-shade3: var(--sg-accent-shade3);
  --sg-season-accent-surface: var(--sg-surface-accent);
  --sg-season-accent-hover: color-mix(in oklab, var(--sg-surface-accent) 82%, var(--sg-accent-tint1));
  --sg-season-accent-ink: var(--sg-ink-accent);
  --sg-season-accent-on: var(--sg-ink-on-accent);
  --sg-season-accent-line: var(--sg-line-accent);
  --sg-season-choice-accent-hover: var(--sg-choice-accent-hover);
  --sg-season-choice-accent-fill: var(--sg-choice-accent-fill);
  --sg-season-choice-accent-line: var(--sg-choice-accent-line);
  --sg-season-choice-accent-mark: var(--sg-choice-accent-mark);
  --sg-season-choice-accent-mark-ink: var(--sg-choice-accent-mark-ink);
}

[data-sg-season="none"][data-sg-appearance="dark"] {
  --sg-season-wash: var(--sg-surface-canvas);
  --sg-season-ornament: var(--sg-gold-ink);
  --sg-season-ornament-soft: var(--sg-ink-muted);
  --sg-season-highlight: var(--sg-gold-base);
  --sg-season-line: var(--sg-line);
  --sg-season-tint: var(--sg-surface-canvas);
  --sg-season-tint-amount: 0%;
  --sg-season-emphasis: var(--sg-ink-brand);
  --sg-season-emphasis-second: var(--sg-ink-brand);
  --sg-season-atmosphere: none;
  --sg-season-glyph: "✦";
  --sg-season-motif: none;
  --sg-season-motif-deep: none;
  --sg-season-mark: none;
  --sg-season-mark-deep: none;
  --sg-season-corner-top: none;
  --sg-season-corner-bottom: none;
  --sg-season-garland: none;
  --sg-season-character: var(--sg-brand-base);
  --sg-season-accent-tint3: var(--sg-accent-tint3);
  --sg-season-accent-tint2: var(--sg-accent-tint2);
  --sg-season-accent-tint1: var(--sg-accent-tint1);
  --sg-season-accent-base: var(--sg-accent-base);
  --sg-season-accent-shade1: var(--sg-accent-shade1);
  --sg-season-accent-shade2: var(--sg-accent-shade2);
  --sg-season-accent-shade3: var(--sg-accent-shade3);
  --sg-season-accent-surface: var(--sg-surface-accent);
  --sg-season-accent-hover: color-mix(in oklab, var(--sg-surface-accent) 82%, var(--sg-accent-tint2));
  --sg-season-accent-ink: var(--sg-ink-accent);
  --sg-season-accent-on: var(--sg-ink-on-accent);
  --sg-season-accent-line: var(--sg-line-accent);
  --sg-season-choice-accent-hover: var(--sg-choice-accent-hover);
  --sg-season-choice-accent-fill: var(--sg-choice-accent-fill);
  --sg-season-choice-accent-line: var(--sg-choice-accent-line);
  --sg-season-choice-accent-mark: var(--sg-choice-accent-mark);
  --sg-season-choice-accent-mark-ink: var(--sg-choice-accent-mark-ink);
}

[data-sg-season="halloween"] {
  --sg-season-wash: color-mix(in oklab, #B4571F 4.5%, var(--sg-surface-canvas));
  --sg-season-ornament: #722F02;
  --sg-season-ornament-soft: #361D3C;
  --sg-season-highlight: #C08A2E;
  --sg-season-line: color-mix(in oklab, #722F02 38%, var(--sg-line));
  --sg-season-tint: #B4571F;
  --sg-season-tint-amount: 4.5%;
  --sg-season-emphasis: #B4571F;
  --sg-season-emphasis-second: #8A55B0;
  --sg-season-atmosphere: linear-gradient(178deg, color-mix(in oklab, #FFF6EC 34%, transparent), transparent 46%, color-mix(in oklab, #958D85 6%, transparent)), radial-gradient(ellipse 72rem 46rem at 90% -14%, color-mix(in oklab, #E07B2E 13%, transparent), transparent 72%), radial-gradient(ellipse 64rem 44rem at 2% 110%, color-mix(in oklab, #8E8780 10%, transparent), transparent 72%), radial-gradient(ellipse 56rem 34rem at 36% 44%, color-mix(in oklab, #FFFFFF 42%, transparent), transparent 74%), radial-gradient(ellipse 44rem 30rem at 70% 96%, color-mix(in oklab, #E9A066 8%, transparent), transparent 72%);
  --sg-season-glyph: "✦";
  --sg-season-motif: url('/stickers/seasonal/halloween-parade.svg');
  --sg-season-motif-deep: url('/stickers/seasonal/halloween-parade.svg');
  --sg-season-mark: url('/stickers/holidays/pumpkin.svg');
  --sg-season-mark-deep: url('/stickers/holidays/pumpkin.svg');
  --sg-season-corner-top: url('/seasonal/halloween/cobweb-corner-left.png');
  --sg-season-corner-bottom: none;
  --sg-season-garland: none;
  --sg-season-character: #722F02;
  --sg-season-accent-tint3: #FFEFE7;
  --sg-season-accent-tint2: #FEDFCF;
  --sg-season-accent-tint1: #FDBE9D;
  --sg-season-accent-base: #D96B25;
  --sg-season-accent-shade1: #883D0A;
  --sg-season-accent-shade2: #622902;
  --sg-season-accent-shade3: #4D1E01;
  --sg-season-accent-surface: #E38049;
  --sg-season-accent-hover: #E88B59;
  --sg-season-accent-ink: #622902;
  --sg-season-accent-on: #231E1A;
  --sg-season-accent-line: #D96B25;
  --sg-season-choice-accent-hover: color-mix(in oklab, #FDBE9D 16%, var(--sg-surface-raised));
  --sg-season-choice-accent-fill: color-mix(in oklab, #FDBE9D 30%, var(--sg-surface-raised));
  --sg-season-choice-accent-line: #D96B25;
  --sg-season-choice-accent-mark: #622902;
  --sg-season-choice-accent-mark-ink: #FFFEFB;
  --sg-season-face: var(--font-henny-penny), var(--sg-type-family-serif);
  --sg-season-face-scale: 0.86;
  --sg-season-face-flow: 1.16;
  --sg-season-face-stroke: 0.022em;
}

[data-sg-season="halloween"][data-sg-appearance="dark"] {
  --sg-season-wash: color-mix(in oklab, #B4571F 26.0%, var(--sg-surface-canvas));
  --sg-season-ornament: #FBBEA1;
  --sg-season-ornament-soft: #D9C7DD;
  --sg-season-highlight: #C08A2E;
  --sg-season-line: color-mix(in oklab, #FBBEA1 38%, var(--sg-line));
  --sg-season-tint: #B4571F;
  --sg-season-tint-amount: 26.0%;
  --sg-season-emphasis: #FBBEA1;
  --sg-season-emphasis-second: #DFBFF9;
  --sg-season-atmosphere: linear-gradient(170deg, color-mix(in oklab, #2A1430 38%, transparent), transparent 26rem), radial-gradient(circle at 82% -6%, color-mix(in oklab, #C08A2E 36%, transparent), transparent 30rem), radial-gradient(circle at 8% 104%, color-mix(in oklab, #5E3A52 52%, transparent), transparent 40rem);
  --sg-season-glyph: "✦";
  --sg-season-motif: url('/stickers/seasonal/halloween-parade.svg');
  --sg-season-motif-deep: url('/stickers/seasonal/halloween-parade.svg');
  --sg-season-mark: url('/stickers/holidays/pumpkin.svg');
  --sg-season-mark-deep: url('/stickers/holidays/pumpkin.svg');
  --sg-season-corner-top: url('/seasonal/halloween/cobweb-corner-left.png');
  --sg-season-corner-bottom: none;
  --sg-season-garland: none;
  --sg-season-character: #FBBEA1;
  --sg-season-accent-tint3: #FFEFE7;
  --sg-season-accent-tint2: #FEDFCF;
  --sg-season-accent-tint1: #FDBE9D;
  --sg-season-accent-base: #D96B25;
  --sg-season-accent-shade1: #883D0A;
  --sg-season-accent-shade2: #622902;
  --sg-season-accent-shade3: #4D1E01;
  --sg-season-accent-surface: #FDBE9D;
  --sg-season-accent-hover: #FDC4A6;
  --sg-season-accent-ink: #FDBE9D;
  --sg-season-accent-on: #231E1A;
  --sg-season-accent-line: #FDBE9D;
  --sg-season-choice-accent-hover: color-mix(in oklab, #883D0A 16%, var(--sg-surface-raised));
  --sg-season-choice-accent-fill: color-mix(in oklab, #883D0A 30%, var(--sg-surface-raised));
  --sg-season-choice-accent-line: #FDBE9D;
  --sg-season-choice-accent-mark: #FDBE9D;
  --sg-season-choice-accent-mark-ink: #231E1A;
  --sg-season-face: var(--font-henny-penny), var(--sg-type-family-serif);
  --sg-season-face-scale: 0.86;
  --sg-season-face-flow: 1.16;
  --sg-season-face-stroke: 0.022em;
}

[data-sg-season="christmas"] {
  --sg-season-wash: color-mix(in oklab, #3F7FA6 14.0%, var(--sg-surface-canvas));
  --sg-season-ornament: #004D71;
  --sg-season-ornament-soft: #0E3020;
  --sg-season-highlight: #D8C08A;
  --sg-season-line: color-mix(in oklab, #004D71 38%, var(--sg-line));
  --sg-season-tint: #3F7FA6;
  --sg-season-tint-amount: 14.0%;
  --sg-season-emphasis: #3F7FA6;
  --sg-season-emphasis-second: #2E7050;
  --sg-season-atmosphere: linear-gradient(178deg, color-mix(in oklab, #BFE0EE 34%, transparent), transparent 22rem), radial-gradient(circle at 85% -10%, color-mix(in oklab, #7FB4D1 34%, transparent), transparent 36rem), radial-gradient(circle at -5% 108%, color-mix(in oklab, #3F7FA6 24%, transparent), transparent 38rem);
  --sg-season-glyph: "✦";
  --sg-season-motif: url('/stickers/seasonal/reindeer.svg');
  --sg-season-motif-deep: url('/stickers/seasonal/reindeer.svg');
  --sg-season-mark: url('/stickers/holidays/tree.svg');
  --sg-season-mark-deep: url('/stickers/holidays/tree.svg');
  --sg-season-corner-top: none;
  --sg-season-corner-bottom: url('/seasonal/christmas/tree-corner.svg');
  --sg-season-garland: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 347 34' width='347' height='34'><g fill='%23BFE0EE' opacity='.88'><rect width='347' height='2.5'/><path d='M58.8 0C58.8 10.6,60.9 20.2,62 28C63.1 20.2,65.2 10.6,65.2 0Z'/><path d='M68.0 0C68.0 4.9,68.9 9.4,70 13C71.1 9.4,72.0 4.9,72.0 0Z'/><path d='M74.2 0C74.2 8.0,75.9 15.1,77 21C78.1 15.1,79.8 8.0,79.8 0Z'/><path d='M83.2 0C83.2 3.4,83.9 6.5,85 9C86.1 6.5,86.8 3.4,86.8 0Z'/><path d='M90.8 0C90.8 6.1,91.9 11.5,93 16C94.1 11.5,95.2 6.1,95.2 0Z'/><path d='M205.5 0C205.5 7.2,206.9 13.7,208 19C209.1 13.7,210.5 7.2,210.5 0Z'/><path d='M214.5 0C214.5 3.0,214.9 5.8,216 8C217.1 5.8,217.5 3.0,217.5 0Z'/><path d='M297.5 0C297.5 11.8,299.9 22.3,301 31C302.1 22.3,304.5 11.8,304.5 0Z'/></g><g fill='%23FFFFFF' opacity='.5'><rect x='60.6' y='2' width='1.6' height='20' rx='.8'/><rect x='299.4' y='2' width='1.6' height='23' rx='.8'/></g></svg>"), url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 449 34' width='449' height='34'><g fill='%23BFE0EE' opacity='.82'><path d='M115.0 0C115.0 9.9,116.9 18.7,118 26C119.1 18.7,121.0 9.9,121.0 0Z'/><path d='M337.8 0C337.8 4.6,338.9 8.6,340 12C341.1 8.6,342.2 4.6,342.2 0Z'/></g></svg>"), url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 283 34' width='283' height='34'><g fill='%23BFE0EE' opacity='.72'><path d='M38.5 0C38.5 2.7,38.9 5.0,40 7C41.1 5.0,41.5 2.7,41.5 0Z'/><path d='M148.2 0C148.2 3.4,148.9 6.5,150 9C151.1 6.5,151.8 3.4,151.8 0Z'/><path d='M234.8 0C234.8 1.9,234.9 3.6,236 5C237.1 3.6,237.2 1.9,237.2 0Z'/></g></svg>");
  --sg-season-character: #004D71;
  --sg-season-accent-tint3: #EAF5FC;
  --sg-season-accent-tint2: #D4EAF8;
  --sg-season-accent-tint1: #AFD4ED;
  --sg-season-accent-base: #3F7FA6;
  --sg-season-accent-shade1: #004D71;
  --sg-season-accent-shade2: #0C354C;
  --sg-season-accent-shade3: #01293E;
  --sg-season-accent-surface: #AFD4ED;
  --sg-season-accent-hover: #AFD4ED;
  --sg-season-accent-ink: #0C354C;
  --sg-season-accent-on: #231E1A;
  --sg-season-accent-line: #3F7FA6;
  --sg-season-choice-accent-hover: color-mix(in oklab, #AFD4ED 16%, var(--sg-surface-raised));
  --sg-season-choice-accent-fill: color-mix(in oklab, #AFD4ED 30%, var(--sg-surface-raised));
  --sg-season-choice-accent-line: #3F7FA6;
  --sg-season-choice-accent-mark: #0C354C;
  --sg-season-choice-accent-mark-ink: #FFFEFB;
  --sg-season-face: var(--font-cherry-swash), var(--sg-type-family-serif);
  --sg-season-face-scale: 0.96;
  --sg-season-face-flow: 1.08;
}

[data-sg-season="christmas"][data-sg-appearance="dark"] {
  --sg-season-wash: color-mix(in oklab, #3F7FA6 22.0%, var(--sg-surface-canvas));
  --sg-season-ornament: #AFD4ED;
  --sg-season-ornament-soft: #BFD4C8;
  --sg-season-highlight: #D8C08A;
  --sg-season-line: color-mix(in oklab, #AFD4ED 38%, var(--sg-line));
  --sg-season-tint: #3F7FA6;
  --sg-season-tint-amount: 22.0%;
  --sg-season-emphasis: #AFD4ED;
  --sg-season-emphasis-second: #B3D9C3;
  --sg-season-atmosphere: linear-gradient(178deg, color-mix(in oklab, #0F2A3C 46%, transparent), transparent 24rem), radial-gradient(circle at 82% -6%, color-mix(in oklab, #D8C08A 26%, transparent), transparent 28rem), radial-gradient(circle at 8% 104%, color-mix(in oklab, #2F6F96 40%, transparent), transparent 40rem);
  --sg-season-glyph: "✦";
  --sg-season-motif: url('/stickers/seasonal/reindeer.svg');
  --sg-season-motif-deep: url('/stickers/seasonal/reindeer.svg');
  --sg-season-mark: url('/stickers/holidays/tree.svg');
  --sg-season-mark-deep: url('/stickers/holidays/tree.svg');
  --sg-season-corner-top: none;
  --sg-season-corner-bottom: url('/seasonal/christmas/tree-corner.svg');
  --sg-season-garland: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 347 34' width='347' height='34'><g fill='%239CCFE8' opacity='.8'><rect width='347' height='2.5'/><path d='M58.8 0C58.8 10.6,60.9 20.2,62 28C63.1 20.2,65.2 10.6,65.2 0Z'/><path d='M68.0 0C68.0 4.9,68.9 9.4,70 13C71.1 9.4,72.0 4.9,72.0 0Z'/><path d='M74.2 0C74.2 8.0,75.9 15.1,77 21C78.1 15.1,79.8 8.0,79.8 0Z'/><path d='M83.2 0C83.2 3.4,83.9 6.5,85 9C86.1 6.5,86.8 3.4,86.8 0Z'/><path d='M90.8 0C90.8 6.1,91.9 11.5,93 16C94.1 11.5,95.2 6.1,95.2 0Z'/><path d='M205.5 0C205.5 7.2,206.9 13.7,208 19C209.1 13.7,210.5 7.2,210.5 0Z'/><path d='M214.5 0C214.5 3.0,214.9 5.8,216 8C217.1 5.8,217.5 3.0,217.5 0Z'/><path d='M297.5 0C297.5 11.8,299.9 22.3,301 31C302.1 22.3,304.5 11.8,304.5 0Z'/></g><g fill='%23FFFFFF' opacity='.35'><rect x='60.6' y='2' width='1.6' height='20' rx='.8'/><rect x='299.4' y='2' width='1.6' height='23' rx='.8'/></g></svg>"), url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 449 34' width='449' height='34'><g fill='%239CCFE8' opacity='.75'><path d='M115.0 0C115.0 9.9,116.9 18.7,118 26C119.1 18.7,121.0 9.9,121.0 0Z'/><path d='M337.8 0C337.8 4.6,338.9 8.6,340 12C341.1 8.6,342.2 4.6,342.2 0Z'/></g></svg>"), url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 283 34' width='283' height='34'><g fill='%239CCFE8' opacity='.65'><path d='M38.5 0C38.5 2.7,38.9 5.0,40 7C41.1 5.0,41.5 2.7,41.5 0Z'/><path d='M148.2 0C148.2 3.4,148.9 6.5,150 9C151.1 6.5,151.8 3.4,151.8 0Z'/><path d='M234.8 0C234.8 1.9,234.9 3.6,236 5C237.1 3.6,237.2 1.9,237.2 0Z'/></g></svg>");
  --sg-season-character: #AFD4ED;
  --sg-season-accent-tint3: #EAF5FC;
  --sg-season-accent-tint2: #D4EAF8;
  --sg-season-accent-tint1: #AFD4ED;
  --sg-season-accent-base: #3F7FA6;
  --sg-season-accent-shade1: #004D71;
  --sg-season-accent-shade2: #0C354C;
  --sg-season-accent-shade3: #01293E;
  --sg-season-accent-surface: #AFD4ED;
  --sg-season-accent-hover: #B6D8EF;
  --sg-season-accent-ink: #AFD4ED;
  --sg-season-accent-on: #231E1A;
  --sg-season-accent-line: #AFD4ED;
  --sg-season-choice-accent-hover: color-mix(in oklab, #004D71 16%, var(--sg-surface-raised));
  --sg-season-choice-accent-fill: color-mix(in oklab, #004D71 30%, var(--sg-surface-raised));
  --sg-season-choice-accent-line: #AFD4ED;
  --sg-season-choice-accent-mark: #AFD4ED;
  --sg-season-choice-accent-mark-ink: #231E1A;
  --sg-season-face: var(--font-cherry-swash), var(--sg-type-family-serif);
  --sg-season-face-scale: 0.96;
  --sg-season-face-flow: 1.08;
}

[data-sg-season="stPatricks"] {
  --sg-season-wash: color-mix(in oklab, #3F7D42 9.5%, var(--sg-surface-canvas));
  --sg-season-ornament: #044F11;
  --sg-season-ornament-soft: #4C3E03;
  --sg-season-highlight: #C9A227;
  --sg-season-line: color-mix(in oklab, #044F11 38%, var(--sg-line));
  --sg-season-tint: #3F7D42;
  --sg-season-tint-amount: 9.5%;
  --sg-season-emphasis: #3F7D42;
  --sg-season-emphasis-second: #7A6A2F;
  --sg-season-atmosphere: linear-gradient(178deg, #DFF0DC61, transparent 20rem), radial-gradient(circle at 82% -8%, #C9A22729, transparent 46%);
  --sg-season-glyph: "✦";
  --sg-season-motif: url('/stickers/seasonal/clovers.svg');
  --sg-season-motif-deep: url('/stickers/seasonal/clovers.svg');
  --sg-season-mark: url('/stickers/holidays/clover.svg');
  --sg-season-mark-deep: url('/stickers/holidays/clover.svg');
  --sg-season-corner-top: none;
  --sg-season-corner-bottom: none;
  --sg-season-garland: none;
  --sg-season-character: #044F11;
  --sg-season-accent-tint3: #EBF6EB;
  --sg-season-accent-tint2: #D8EDD7;
  --sg-season-accent-tint1: #B4DAB4;
  --sg-season-accent-base: #3F7D42;
  --sg-season-accent-shade1: #044F11;
  --sg-season-accent-shade2: #0E3512;
  --sg-season-accent-shade3: #022A06;
  --sg-season-accent-surface: #B4DAB4;
  --sg-season-accent-hover: #B4DAB4;
  --sg-season-accent-ink: #0E3512;
  --sg-season-accent-on: #231E1A;
  --sg-season-accent-line: #3F7D42;
  --sg-season-choice-accent-hover: color-mix(in oklab, #B4DAB4 16%, var(--sg-surface-raised));
  --sg-season-choice-accent-fill: color-mix(in oklab, #B4DAB4 30%, var(--sg-surface-raised));
  --sg-season-choice-accent-line: #3F7D42;
  --sg-season-choice-accent-mark: #0E3512;
  --sg-season-choice-accent-mark-ink: #FFFEFB;
}

[data-sg-season="stPatricks"][data-sg-appearance="dark"] {
  --sg-season-wash: color-mix(in oklab, #3F7D42 16.0%, var(--sg-surface-canvas));
  --sg-season-ornament: #B4DAB4;
  --sg-season-ornament-soft: #D8CEAB;
  --sg-season-highlight: #C9A227;
  --sg-season-line: color-mix(in oklab, #B4DAB4 38%, var(--sg-line));
  --sg-season-tint: #3F7D42;
  --sg-season-tint-amount: 16.0%;
  --sg-season-emphasis: #B4DAB4;
  --sg-season-emphasis-second: #D8CEAB;
  --sg-season-atmosphere: linear-gradient(178deg, #16301C7A, transparent 22rem), radial-gradient(circle at 80% -6%, #C9A22738, transparent 44%);
  --sg-season-glyph: "✦";
  --sg-season-motif: url('/stickers/seasonal/clovers.svg');
  --sg-season-motif-deep: url('/stickers/seasonal/clovers.svg');
  --sg-season-mark: url('/stickers/holidays/clover.svg');
  --sg-season-mark-deep: url('/stickers/holidays/clover.svg');
  --sg-season-corner-top: none;
  --sg-season-corner-bottom: none;
  --sg-season-garland: none;
  --sg-season-character: #B4DAB4;
  --sg-season-accent-tint3: #EBF6EB;
  --sg-season-accent-tint2: #D8EDD7;
  --sg-season-accent-tint1: #B4DAB4;
  --sg-season-accent-base: #3F7D42;
  --sg-season-accent-shade1: #044F11;
  --sg-season-accent-shade2: #0E3512;
  --sg-season-accent-shade3: #022A06;
  --sg-season-accent-surface: #B4DAB4;
  --sg-season-accent-hover: #BADDBA;
  --sg-season-accent-ink: #B4DAB4;
  --sg-season-accent-on: #231E1A;
  --sg-season-accent-line: #B4DAB4;
  --sg-season-choice-accent-hover: color-mix(in oklab, #044F11 16%, var(--sg-surface-raised));
  --sg-season-choice-accent-fill: color-mix(in oklab, #044F11 30%, var(--sg-surface-raised));
  --sg-season-choice-accent-line: #B4DAB4;
  --sg-season-choice-accent-mark: #B4DAB4;
  --sg-season-choice-accent-mark-ink: #231E1A;
}

[data-sg-season="summer"] {
  --sg-season-wash: color-mix(in oklab, #2E9C9A 12.0%, var(--sg-surface-canvas));
  --sg-season-ornament: #03605E;
  --sg-season-ornament-soft: #992734;
  --sg-season-highlight: #E9B949;
  --sg-season-line: color-mix(in oklab, #03605E 38%, var(--sg-line));
  --sg-season-tint: #2E9C9A;
  --sg-season-tint-amount: 12.0%;
  --sg-season-emphasis: #2E9C9A;
  --sg-season-emphasis-second: #C9533B;
  --sg-season-atmosphere: linear-gradient(176deg, color-mix(in oklab, #FFE3C4 38%, transparent), transparent 22rem), radial-gradient(circle at 86% -10%, color-mix(in oklab, #FFC98A 36%, transparent), transparent 36rem), radial-gradient(circle at -5% 108%, color-mix(in oklab, #7FD1C7 28%, transparent), transparent 38rem);
  --sg-season-glyph: "✦";
  --sg-season-motif: url('/stickers/seasonal/summer.svg');
  --sg-season-motif-deep: url('/stickers/seasonal/summer.svg');
  --sg-season-mark: url('/stickers/beach-day.svg');
  --sg-season-mark-deep: url('/stickers/beach-day.svg');
  --sg-season-corner-top: none;
  --sg-season-corner-bottom: none;
  --sg-season-garland: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 347 34' width='347' height='34'><path d='M0 4Q86.75 12 173.5 4T347 4' fill='none' stroke='%23FFFDF8' stroke-width='1.6'/><g stroke='%232A1A22' stroke-width='.9' stroke-linejoin='round' stroke-opacity='.55'><path d='M6.5 5.2h16l-8 17z' fill='%23F7A2B4'/><path d='M35.4 7.0h16l-8 15z' fill='%239FD8E6'/><path d='M64.3 7.9h16l-8 17z' fill='%23F7D46A'/><path d='M93.2 7.9h16l-8 15z' fill='%239ED6C4'/><path d='M122.1 7.0h16l-8 17z' fill='%23F4B38C'/><path d='M151.0 5.2h16l-8 15z' fill='%23C9B6E4'/><path d='M179.9 5.2h16l-8 17z' fill='%23F7A2B4'/><path d='M208.8 7.0h16l-8 15z' fill='%239FD8E6'/><path d='M237.7 7.9h16l-8 17z' fill='%23F7D46A'/><path d='M266.6 7.9h16l-8 15z' fill='%239ED6C4'/><path d='M295.5 7.0h16l-8 17z' fill='%23F4B38C'/><path d='M324.4 5.2h16l-8 15z' fill='%23C9B6E4'/></g></svg>");
  --sg-season-character: #03605E;
  --sg-season-accent-tint3: #E7F6F6;
  --sg-season-accent-tint2: #CFEDEC;
  --sg-season-accent-tint1: #A5DAD8;
  --sg-season-accent-base: #1F8C8A;
  --sg-season-accent-shade1: #055554;
  --sg-season-accent-shade2: #003C3B;
  --sg-season-accent-shade3: #002E2D;
  --sg-season-accent-surface: #A5DAD8;
  --sg-season-accent-hover: #A5DAD8;
  --sg-season-accent-ink: #003C3B;
  --sg-season-accent-on: #231E1A;
  --sg-season-accent-line: #1F8C8A;
  --sg-season-choice-accent-hover: color-mix(in oklab, #A5DAD8 16%, var(--sg-surface-raised));
  --sg-season-choice-accent-fill: color-mix(in oklab, #A5DAD8 30%, var(--sg-surface-raised));
  --sg-season-choice-accent-line: #1F8C8A;
  --sg-season-choice-accent-mark: #003C3B;
  --sg-season-choice-accent-mark-ink: #FFFEFB;
}

[data-sg-season="summer"][data-sg-appearance="dark"] {
  --sg-season-wash: color-mix(in oklab, #2E9C9A 20.0%, var(--sg-surface-canvas));
  --sg-season-ornament: #A3DAD8;
  --sg-season-ornament-soft: #FFC2C1;
  --sg-season-highlight: #E9B949;
  --sg-season-line: color-mix(in oklab, #A3DAD8 38%, var(--sg-line));
  --sg-season-tint: #2E9C9A;
  --sg-season-tint-amount: 20.0%;
  --sg-season-emphasis: #A3DAD8;
  --sg-season-emphasis-second: #FEB9BB;
  --sg-season-atmosphere: linear-gradient(176deg, color-mix(in oklab, #10323A 44%, transparent), transparent 24rem), radial-gradient(circle at 84% -6%, color-mix(in oklab, #E9B949 26%, transparent), transparent 28rem), radial-gradient(circle at 8% 104%, color-mix(in oklab, #1F6F6D 40%, transparent), transparent 40rem);
  --sg-season-glyph: "✦";
  --sg-season-motif: url('/stickers/seasonal/summer.svg');
  --sg-season-motif-deep: url('/stickers/seasonal/summer.svg');
  --sg-season-mark: url('/stickers/beach-day.svg');
  --sg-season-mark-deep: url('/stickers/beach-day.svg');
  --sg-season-corner-top: none;
  --sg-season-corner-bottom: none;
  --sg-season-garland: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 347 34' width='347' height='34'><path d='M0 4Q86.75 12 173.5 4T347 4' fill='none' stroke='%23F3E6D8' stroke-width='1.6'/><g stroke='%232A1A22' stroke-width='.9' stroke-linejoin='round' stroke-opacity='.55'><path d='M6.5 5.2h16l-8 17z' fill='%23F7A2B4'/><path d='M35.4 7.0h16l-8 15z' fill='%239FD8E6'/><path d='M64.3 7.9h16l-8 17z' fill='%23F7D46A'/><path d='M93.2 7.9h16l-8 15z' fill='%239ED6C4'/><path d='M122.1 7.0h16l-8 17z' fill='%23F4B38C'/><path d='M151.0 5.2h16l-8 15z' fill='%23C9B6E4'/><path d='M179.9 5.2h16l-8 17z' fill='%23F7A2B4'/><path d='M208.8 7.0h16l-8 15z' fill='%239FD8E6'/><path d='M237.7 7.9h16l-8 17z' fill='%23F7D46A'/><path d='M266.6 7.9h16l-8 15z' fill='%239ED6C4'/><path d='M295.5 7.0h16l-8 17z' fill='%23F4B38C'/><path d='M324.4 5.2h16l-8 15z' fill='%23C9B6E4'/></g></svg>");
  --sg-season-character: #A3DAD8;
  --sg-season-accent-tint3: #E7F6F6;
  --sg-season-accent-tint2: #CFEDEC;
  --sg-season-accent-tint1: #A5DAD8;
  --sg-season-accent-base: #1F8C8A;
  --sg-season-accent-shade1: #055554;
  --sg-season-accent-shade2: #003C3B;
  --sg-season-accent-shade3: #002E2D;
  --sg-season-accent-surface: #A5DAD8;
  --sg-season-accent-hover: #ADDDDC;
  --sg-season-accent-ink: #A5DAD8;
  --sg-season-accent-on: #231E1A;
  --sg-season-accent-line: #A5DAD8;
  --sg-season-choice-accent-hover: color-mix(in oklab, #055554 16%, var(--sg-surface-raised));
  --sg-season-choice-accent-fill: color-mix(in oklab, #055554 30%, var(--sg-surface-raised));
  --sg-season-choice-accent-line: #A5DAD8;
  --sg-season-choice-accent-mark: #A5DAD8;
  --sg-season-choice-accent-mark-ink: #231E1A;
}

@media (prefers-color-scheme: dark) {
  [data-sg-season="none"]:not([data-sg-appearance]) {
    --sg-season-wash: var(--sg-surface-canvas);
    --sg-season-ornament: var(--sg-gold-ink);
    --sg-season-ornament-soft: var(--sg-ink-muted);
    --sg-season-highlight: var(--sg-gold-base);
    --sg-season-line: var(--sg-line);
    --sg-season-tint: var(--sg-surface-canvas);
    --sg-season-tint-amount: 0%;
    --sg-season-emphasis: var(--sg-ink-brand);
    --sg-season-emphasis-second: var(--sg-ink-brand);
    --sg-season-atmosphere: none;
    --sg-season-glyph: "✦";
    --sg-season-motif: none;
    --sg-season-motif-deep: none;
    --sg-season-mark: none;
    --sg-season-mark-deep: none;
    --sg-season-corner-top: none;
    --sg-season-corner-bottom: none;
    --sg-season-garland: none;
    --sg-season-character: var(--sg-brand-base);
    --sg-season-accent-tint3: var(--sg-accent-tint3);
    --sg-season-accent-tint2: var(--sg-accent-tint2);
    --sg-season-accent-tint1: var(--sg-accent-tint1);
    --sg-season-accent-base: var(--sg-accent-base);
    --sg-season-accent-shade1: var(--sg-accent-shade1);
    --sg-season-accent-shade2: var(--sg-accent-shade2);
    --sg-season-accent-shade3: var(--sg-accent-shade3);
    --sg-season-accent-surface: var(--sg-surface-accent);
    --sg-season-accent-hover: color-mix(in oklab, var(--sg-surface-accent) 82%, var(--sg-accent-tint2));
    --sg-season-accent-ink: var(--sg-ink-accent);
    --sg-season-accent-on: var(--sg-ink-on-accent);
    --sg-season-accent-line: var(--sg-line-accent);
    --sg-season-choice-accent-hover: var(--sg-choice-accent-hover);
    --sg-season-choice-accent-fill: var(--sg-choice-accent-fill);
    --sg-season-choice-accent-line: var(--sg-choice-accent-line);
    --sg-season-choice-accent-mark: var(--sg-choice-accent-mark);
    --sg-season-choice-accent-mark-ink: var(--sg-choice-accent-mark-ink);
  }

  [data-sg-season="halloween"]:not([data-sg-appearance]) {
    --sg-season-wash: color-mix(in oklab, #B4571F 26.0%, var(--sg-surface-canvas));
    --sg-season-ornament: #FBBEA1;
    --sg-season-ornament-soft: #D9C7DD;
    --sg-season-highlight: #C08A2E;
    --sg-season-line: color-mix(in oklab, #FBBEA1 38%, var(--sg-line));
    --sg-season-tint: #B4571F;
    --sg-season-tint-amount: 26.0%;
    --sg-season-emphasis: #FBBEA1;
    --sg-season-emphasis-second: #DFBFF9;
    --sg-season-atmosphere: linear-gradient(170deg, color-mix(in oklab, #2A1430 38%, transparent), transparent 26rem), radial-gradient(circle at 82% -6%, color-mix(in oklab, #C08A2E 36%, transparent), transparent 30rem), radial-gradient(circle at 8% 104%, color-mix(in oklab, #5E3A52 52%, transparent), transparent 40rem);
    --sg-season-glyph: "✦";
    --sg-season-motif: url('/stickers/seasonal/halloween-parade.svg');
    --sg-season-motif-deep: url('/stickers/seasonal/halloween-parade.svg');
    --sg-season-mark: url('/stickers/holidays/pumpkin.svg');
    --sg-season-mark-deep: url('/stickers/holidays/pumpkin.svg');
    --sg-season-corner-top: url('/seasonal/halloween/cobweb-corner-left.png');
    --sg-season-corner-bottom: none;
    --sg-season-garland: none;
    --sg-season-character: #FBBEA1;
    --sg-season-accent-tint3: #FFEFE7;
    --sg-season-accent-tint2: #FEDFCF;
    --sg-season-accent-tint1: #FDBE9D;
    --sg-season-accent-base: #D96B25;
    --sg-season-accent-shade1: #883D0A;
    --sg-season-accent-shade2: #622902;
    --sg-season-accent-shade3: #4D1E01;
    --sg-season-accent-surface: #FDBE9D;
    --sg-season-accent-hover: #FDC4A6;
    --sg-season-accent-ink: #FDBE9D;
    --sg-season-accent-on: #231E1A;
    --sg-season-accent-line: #FDBE9D;
    --sg-season-choice-accent-hover: color-mix(in oklab, #883D0A 16%, var(--sg-surface-raised));
    --sg-season-choice-accent-fill: color-mix(in oklab, #883D0A 30%, var(--sg-surface-raised));
    --sg-season-choice-accent-line: #FDBE9D;
    --sg-season-choice-accent-mark: #FDBE9D;
    --sg-season-choice-accent-mark-ink: #231E1A;
    --sg-season-face: var(--font-henny-penny), var(--sg-type-family-serif);
    --sg-season-face-scale: 0.86;
    --sg-season-face-flow: 1.16;
    --sg-season-face-stroke: 0.022em;
  }

  [data-sg-season="christmas"]:not([data-sg-appearance]) {
    --sg-season-wash: color-mix(in oklab, #3F7FA6 22.0%, var(--sg-surface-canvas));
    --sg-season-ornament: #AFD4ED;
    --sg-season-ornament-soft: #BFD4C8;
    --sg-season-highlight: #D8C08A;
    --sg-season-line: color-mix(in oklab, #AFD4ED 38%, var(--sg-line));
    --sg-season-tint: #3F7FA6;
    --sg-season-tint-amount: 22.0%;
    --sg-season-emphasis: #AFD4ED;
    --sg-season-emphasis-second: #B3D9C3;
    --sg-season-atmosphere: linear-gradient(178deg, color-mix(in oklab, #0F2A3C 46%, transparent), transparent 24rem), radial-gradient(circle at 82% -6%, color-mix(in oklab, #D8C08A 26%, transparent), transparent 28rem), radial-gradient(circle at 8% 104%, color-mix(in oklab, #2F6F96 40%, transparent), transparent 40rem);
    --sg-season-glyph: "✦";
    --sg-season-motif: url('/stickers/seasonal/reindeer.svg');
    --sg-season-motif-deep: url('/stickers/seasonal/reindeer.svg');
    --sg-season-mark: url('/stickers/holidays/tree.svg');
    --sg-season-mark-deep: url('/stickers/holidays/tree.svg');
    --sg-season-corner-top: none;
    --sg-season-corner-bottom: url('/seasonal/christmas/tree-corner.svg');
    --sg-season-garland: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 347 34' width='347' height='34'><g fill='%239CCFE8' opacity='.8'><rect width='347' height='2.5'/><path d='M58.8 0C58.8 10.6,60.9 20.2,62 28C63.1 20.2,65.2 10.6,65.2 0Z'/><path d='M68.0 0C68.0 4.9,68.9 9.4,70 13C71.1 9.4,72.0 4.9,72.0 0Z'/><path d='M74.2 0C74.2 8.0,75.9 15.1,77 21C78.1 15.1,79.8 8.0,79.8 0Z'/><path d='M83.2 0C83.2 3.4,83.9 6.5,85 9C86.1 6.5,86.8 3.4,86.8 0Z'/><path d='M90.8 0C90.8 6.1,91.9 11.5,93 16C94.1 11.5,95.2 6.1,95.2 0Z'/><path d='M205.5 0C205.5 7.2,206.9 13.7,208 19C209.1 13.7,210.5 7.2,210.5 0Z'/><path d='M214.5 0C214.5 3.0,214.9 5.8,216 8C217.1 5.8,217.5 3.0,217.5 0Z'/><path d='M297.5 0C297.5 11.8,299.9 22.3,301 31C302.1 22.3,304.5 11.8,304.5 0Z'/></g><g fill='%23FFFFFF' opacity='.35'><rect x='60.6' y='2' width='1.6' height='20' rx='.8'/><rect x='299.4' y='2' width='1.6' height='23' rx='.8'/></g></svg>"), url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 449 34' width='449' height='34'><g fill='%239CCFE8' opacity='.75'><path d='M115.0 0C115.0 9.9,116.9 18.7,118 26C119.1 18.7,121.0 9.9,121.0 0Z'/><path d='M337.8 0C337.8 4.6,338.9 8.6,340 12C341.1 8.6,342.2 4.6,342.2 0Z'/></g></svg>"), url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 283 34' width='283' height='34'><g fill='%239CCFE8' opacity='.65'><path d='M38.5 0C38.5 2.7,38.9 5.0,40 7C41.1 5.0,41.5 2.7,41.5 0Z'/><path d='M148.2 0C148.2 3.4,148.9 6.5,150 9C151.1 6.5,151.8 3.4,151.8 0Z'/><path d='M234.8 0C234.8 1.9,234.9 3.6,236 5C237.1 3.6,237.2 1.9,237.2 0Z'/></g></svg>");
    --sg-season-character: #AFD4ED;
    --sg-season-accent-tint3: #EAF5FC;
    --sg-season-accent-tint2: #D4EAF8;
    --sg-season-accent-tint1: #AFD4ED;
    --sg-season-accent-base: #3F7FA6;
    --sg-season-accent-shade1: #004D71;
    --sg-season-accent-shade2: #0C354C;
    --sg-season-accent-shade3: #01293E;
    --sg-season-accent-surface: #AFD4ED;
    --sg-season-accent-hover: #B6D8EF;
    --sg-season-accent-ink: #AFD4ED;
    --sg-season-accent-on: #231E1A;
    --sg-season-accent-line: #AFD4ED;
    --sg-season-choice-accent-hover: color-mix(in oklab, #004D71 16%, var(--sg-surface-raised));
    --sg-season-choice-accent-fill: color-mix(in oklab, #004D71 30%, var(--sg-surface-raised));
    --sg-season-choice-accent-line: #AFD4ED;
    --sg-season-choice-accent-mark: #AFD4ED;
    --sg-season-choice-accent-mark-ink: #231E1A;
    --sg-season-face: var(--font-cherry-swash), var(--sg-type-family-serif);
    --sg-season-face-scale: 0.96;
    --sg-season-face-flow: 1.08;
  }

  [data-sg-season="stPatricks"]:not([data-sg-appearance]) {
    --sg-season-wash: color-mix(in oklab, #3F7D42 16.0%, var(--sg-surface-canvas));
    --sg-season-ornament: #B4DAB4;
    --sg-season-ornament-soft: #D8CEAB;
    --sg-season-highlight: #C9A227;
    --sg-season-line: color-mix(in oklab, #B4DAB4 38%, var(--sg-line));
    --sg-season-tint: #3F7D42;
    --sg-season-tint-amount: 16.0%;
    --sg-season-emphasis: #B4DAB4;
    --sg-season-emphasis-second: #D8CEAB;
    --sg-season-atmosphere: linear-gradient(178deg, #16301C7A, transparent 22rem), radial-gradient(circle at 80% -6%, #C9A22738, transparent 44%);
    --sg-season-glyph: "✦";
    --sg-season-motif: url('/stickers/seasonal/clovers.svg');
    --sg-season-motif-deep: url('/stickers/seasonal/clovers.svg');
    --sg-season-mark: url('/stickers/holidays/clover.svg');
    --sg-season-mark-deep: url('/stickers/holidays/clover.svg');
    --sg-season-corner-top: none;
    --sg-season-corner-bottom: none;
    --sg-season-garland: none;
    --sg-season-character: #B4DAB4;
    --sg-season-accent-tint3: #EBF6EB;
    --sg-season-accent-tint2: #D8EDD7;
    --sg-season-accent-tint1: #B4DAB4;
    --sg-season-accent-base: #3F7D42;
    --sg-season-accent-shade1: #044F11;
    --sg-season-accent-shade2: #0E3512;
    --sg-season-accent-shade3: #022A06;
    --sg-season-accent-surface: #B4DAB4;
    --sg-season-accent-hover: #BADDBA;
    --sg-season-accent-ink: #B4DAB4;
    --sg-season-accent-on: #231E1A;
    --sg-season-accent-line: #B4DAB4;
    --sg-season-choice-accent-hover: color-mix(in oklab, #044F11 16%, var(--sg-surface-raised));
    --sg-season-choice-accent-fill: color-mix(in oklab, #044F11 30%, var(--sg-surface-raised));
    --sg-season-choice-accent-line: #B4DAB4;
    --sg-season-choice-accent-mark: #B4DAB4;
    --sg-season-choice-accent-mark-ink: #231E1A;
  }

  [data-sg-season="summer"]:not([data-sg-appearance]) {
    --sg-season-wash: color-mix(in oklab, #2E9C9A 20.0%, var(--sg-surface-canvas));
    --sg-season-ornament: #A3DAD8;
    --sg-season-ornament-soft: #FFC2C1;
    --sg-season-highlight: #E9B949;
    --sg-season-line: color-mix(in oklab, #A3DAD8 38%, var(--sg-line));
    --sg-season-tint: #2E9C9A;
    --sg-season-tint-amount: 20.0%;
    --sg-season-emphasis: #A3DAD8;
    --sg-season-emphasis-second: #FEB9BB;
    --sg-season-atmosphere: linear-gradient(176deg, color-mix(in oklab, #10323A 44%, transparent), transparent 24rem), radial-gradient(circle at 84% -6%, color-mix(in oklab, #E9B949 26%, transparent), transparent 28rem), radial-gradient(circle at 8% 104%, color-mix(in oklab, #1F6F6D 40%, transparent), transparent 40rem);
    --sg-season-glyph: "✦";
    --sg-season-motif: url('/stickers/seasonal/summer.svg');
    --sg-season-motif-deep: url('/stickers/seasonal/summer.svg');
    --sg-season-mark: url('/stickers/beach-day.svg');
    --sg-season-mark-deep: url('/stickers/beach-day.svg');
    --sg-season-corner-top: none;
    --sg-season-corner-bottom: none;
    --sg-season-garland: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 347 34' width='347' height='34'><path d='M0 4Q86.75 12 173.5 4T347 4' fill='none' stroke='%23F3E6D8' stroke-width='1.6'/><g stroke='%232A1A22' stroke-width='.9' stroke-linejoin='round' stroke-opacity='.55'><path d='M6.5 5.2h16l-8 17z' fill='%23F7A2B4'/><path d='M35.4 7.0h16l-8 15z' fill='%239FD8E6'/><path d='M64.3 7.9h16l-8 17z' fill='%23F7D46A'/><path d='M93.2 7.9h16l-8 15z' fill='%239ED6C4'/><path d='M122.1 7.0h16l-8 17z' fill='%23F4B38C'/><path d='M151.0 5.2h16l-8 15z' fill='%23C9B6E4'/><path d='M179.9 5.2h16l-8 17z' fill='%23F7A2B4'/><path d='M208.8 7.0h16l-8 15z' fill='%239FD8E6'/><path d='M237.7 7.9h16l-8 17z' fill='%23F7D46A'/><path d='M266.6 7.9h16l-8 15z' fill='%239ED6C4'/><path d='M295.5 7.0h16l-8 17z' fill='%23F4B38C'/><path d='M324.4 5.2h16l-8 15z' fill='%23C9B6E4'/></g></svg>");
    --sg-season-character: #A3DAD8;
    --sg-season-accent-tint3: #E7F6F6;
    --sg-season-accent-tint2: #CFEDEC;
    --sg-season-accent-tint1: #A5DAD8;
    --sg-season-accent-base: #1F8C8A;
    --sg-season-accent-shade1: #055554;
    --sg-season-accent-shade2: #003C3B;
    --sg-season-accent-shade3: #002E2D;
    --sg-season-accent-surface: #A5DAD8;
    --sg-season-accent-hover: #ADDDDC;
    --sg-season-accent-ink: #A5DAD8;
    --sg-season-accent-on: #231E1A;
    --sg-season-accent-line: #A5DAD8;
    --sg-season-choice-accent-hover: color-mix(in oklab, #055554 16%, var(--sg-surface-raised));
    --sg-season-choice-accent-fill: color-mix(in oklab, #055554 30%, var(--sg-surface-raised));
    --sg-season-choice-accent-line: #A5DAD8;
    --sg-season-choice-accent-mark: #A5DAD8;
    --sg-season-choice-accent-mark-ink: #231E1A;
  }
}

[data-sg-season="halloween"] {
  --sg-season-mark-frame: linear-gradient(145deg, #fffaf1 0%, #f8eddd 52%, #ead8bf 100%);
  --sg-season-mark-details: #fff6e7;
  --sg-season-mark-outline: #422437;
  --sg-season-mark-step-0: #352131;
  --sg-season-mark-step-1: #5e3a52;
  --sg-season-mark-step-2: #76536e;
  --sg-season-mark-step-3: color-mix(in oklab, #76536e 48%, #fff6e7);
  --sg-season-mark-step-4: #fff6e7;
  --sg-season-mark-step-5: color-mix(in oklab, #fff6e7 48%, #dd9a64);
  --sg-season-mark-step-6: #b4571f;
  --sg-season-mark-step-7: color-mix(in oklab, #b4571f 52%, #352131);
}

[data-sg-season="christmas"] {
  --sg-season-mark-frame: linear-gradient(145deg, #ffffff 0%, #f1f8fb 52%, #dcecf3 100%);
  --sg-season-mark-details: #fffdf8;
  --sg-season-mark-outline: #244536;
  --sg-season-mark-step-0: #19382b;
  --sg-season-mark-step-1: #2f4f3e;
  --sg-season-mark-step-2: #4e7a63;
  --sg-season-mark-step-3: color-mix(in oklab, #4e7a63 48%, #fffdf8);
  --sg-season-mark-step-4: #fffdf8;
  --sg-season-mark-step-5: color-mix(in oklab, #fffdf8 48%, #bfe0ee);
  --sg-season-mark-step-6: #7fb4d1;
  --sg-season-mark-step-7: color-mix(in oklab, #7fb4d1 52%, #19382b);
}

[data-sg-season="stPatricks"] {
  --sg-season-mark-frame: linear-gradient(145deg, #fffef7 0%, #f3f5e8 52%, #e0e6cc 100%);
  --sg-season-mark-details: #fff9dc;
  --sg-season-mark-outline: #294d2d;
  --sg-season-mark-step-0: #1e4225;
  --sg-season-mark-step-1: #315f35;
  --sg-season-mark-step-2: #557f58;
  --sg-season-mark-step-3: color-mix(in oklab, #557f58 48%, #fff9dc);
  --sg-season-mark-step-4: #fff9dc;
  --sg-season-mark-step-5: color-mix(in oklab, #fff9dc 48%, #77a66f);
  --sg-season-mark-step-6: #3f7d42;
  --sg-season-mark-step-7: color-mix(in oklab, #3f7d42 52%, #1e4225);
}

[data-sg-season="summer"] {
  --sg-season-mark-frame: linear-gradient(145deg, #ffffff 0%, #fff7ec 52%, #fde6cf 100%);
  --sg-season-mark-details: #fffdf5;
  --sg-season-mark-outline: #1d4f4d;
  --sg-season-mark-step-0: #1d5553;
  --sg-season-mark-step-1: #2b6f6d;
  --sg-season-mark-step-2: #3f8f8c;
  --sg-season-mark-step-3: color-mix(in oklab, #3f8f8c 48%, #fffdf5);
  --sg-season-mark-step-4: #fffdf5;
  --sg-season-mark-step-5: color-mix(in oklab, #fffdf5 48%, #c4ece6);
  --sg-season-mark-step-6: #8fd3cb;
  --sg-season-mark-step-7: color-mix(in oklab, #8fd3cb 52%, #1d5553);
}
:root {
  --sg-type-family-sans: var(--font-manrope), ui-sans-serif, system-ui, sans-serif;
  --sg-type-family-serif: var(--font-newsreader), ui-serif, Georgia, serif;
  --sg-type-family-mono: ui-monospace, SFMono-Regular, Menlo, monospace;
  --sg-type-family-hand: var(--font-caveat), cursive;
  --sg-type-size-3xs: 0.6875rem;
  --sg-type-size-3xs-leading: 1rem;
  --sg-type-size-2xs: 0.8125rem;
  --sg-type-size-2xs-leading: 1.125rem;
  --sg-type-size-xs: 0.875rem;
  --sg-type-size-xs-leading: 1.25rem;
  --sg-type-size-sm: 1rem;
  --sg-type-size-sm-leading: 1.5rem;
  --sg-type-size-md: 1.0625rem;
  --sg-type-size-md-leading: 1.625rem;
  --sg-type-size-lg: 1.1875rem;
  --sg-type-size-lg-leading: 1.8125rem;
  --sg-type-size-xl: clamp(1.25rem, 1.2rem + 0.25vw, 1.375rem);
  --sg-type-size-xl-leading: 1.3;
  --sg-type-size-2xl: clamp(1.5rem, 1.35rem + 0.5vw, 1.75rem);
  --sg-type-size-2xl-leading: 1.2;
  --sg-type-size-3xl: clamp(1.875rem, 1.5rem + 1.4vw, 2.25rem);
  --sg-type-size-3xl-leading: 1.1;
  --sg-type-size-4xl: clamp(2.25rem, 1.7rem + 2vw, 3rem);
  --sg-type-size-4xl-leading: 1.05;
  --sg-type-size-5xl: clamp(2.75rem, 1.9rem + 3.2vw, 4.4rem);
  --sg-type-size-5xl-leading: 1.02;
  --sg-type-size-6xl: clamp(3rem, 2rem + 4.5vw, 5.6rem);
  --sg-type-size-6xl-leading: 1;
  --sg-type-size-7xl: clamp(3.5rem, 2.2rem + 5.5vw, 7.4rem);
  --sg-type-size-7xl-leading: 0.98;
  --sg-type-leading-tight: 1.02;
  --sg-type-leading-snug: 1.25;
  --sg-type-leading-relaxed: 1.7;
  --sg-type-w-regular: 400;
  --sg-type-w-medium: 500;
  --sg-type-w-strong: 600;
  --sg-type-w-heavy: 700;
  --sg-type-w-black: 800;
  --sg-type-display-family: var(--sg-type-family-serif);
  --sg-type-display-size: var(--sg-type-size-5xl);
  --sg-type-display-leading: var(--sg-type-leading-tight);
  --sg-type-display-weight: var(--sg-type-w-strong);
  --sg-type-display-tracking: -0.045em;
  --sg-type-display-transform: none;
  --sg-type-display-numeric: normal;
  --sg-type-display-ink: var(--sg-ink);
  --sg-type-h1-family: var(--sg-type-family-serif);
  --sg-type-h1-size: var(--sg-type-size-3xl);
  --sg-type-h1-leading: var(--sg-type-leading-tight);
  --sg-type-h1-weight: var(--sg-type-w-strong);
  --sg-type-h1-tracking: -0.04em;
  --sg-type-h1-transform: none;
  --sg-type-h1-numeric: normal;
  --sg-type-h1-ink: var(--sg-ink);
  --sg-type-h2-family: var(--sg-type-family-serif);
  --sg-type-h2-size: var(--sg-type-size-2xl);
  --sg-type-h2-leading: var(--sg-type-size-2xl-leading);
  --sg-type-h2-weight: var(--sg-type-w-strong);
  --sg-type-h2-tracking: -0.035em;
  --sg-type-h2-transform: none;
  --sg-type-h2-numeric: normal;
  --sg-type-h2-ink: var(--sg-ink);
  --sg-type-h3-family: var(--sg-type-family-serif);
  --sg-type-h3-size: var(--sg-type-size-xl);
  --sg-type-h3-leading: var(--sg-type-size-xl-leading);
  --sg-type-h3-weight: var(--sg-type-w-strong);
  --sg-type-h3-tracking: -0.02em;
  --sg-type-h3-transform: none;
  --sg-type-h3-numeric: normal;
  --sg-type-h3-ink: var(--sg-ink);
  --sg-type-title-family: var(--sg-type-family-sans);
  --sg-type-title-size: var(--sg-type-size-sm);
  --sg-type-title-leading: var(--sg-type-size-sm-leading);
  --sg-type-title-weight: var(--sg-type-w-strong);
  --sg-type-title-tracking: -0.01em;
  --sg-type-title-transform: none;
  --sg-type-title-numeric: normal;
  --sg-type-title-ink: var(--sg-ink);
  --sg-type-eyebrow-family: var(--sg-type-family-sans);
  --sg-type-eyebrow-size: var(--sg-type-size-2xs);
  --sg-type-eyebrow-leading: var(--sg-type-leading-tight);
  --sg-type-eyebrow-weight: var(--sg-type-w-black);
  --sg-type-eyebrow-tracking: 0.14em;
  --sg-type-eyebrow-transform: uppercase;
  --sg-type-eyebrow-numeric: normal;
  --sg-type-eyebrow-ink: var(--sg-ink-brand);
  --sg-type-label-family: var(--sg-type-family-sans);
  --sg-type-label-size: var(--sg-type-size-sm);
  --sg-type-label-leading: var(--sg-type-size-sm-leading);
  --sg-type-label-weight: var(--sg-type-w-strong);
  --sg-type-label-tracking: -0.01em;
  --sg-type-label-transform: none;
  --sg-type-label-numeric: normal;
  --sg-type-label-ink: var(--sg-ink-soft);
  --sg-type-lede-family: var(--sg-type-family-sans);
  --sg-type-lede-size: var(--sg-type-size-lg);
  --sg-type-lede-leading: var(--sg-type-leading-relaxed);
  --sg-type-lede-weight: var(--sg-type-w-regular);
  --sg-type-lede-tracking: -0.014em;
  --sg-type-lede-transform: none;
  --sg-type-lede-numeric: normal;
  --sg-type-lede-ink: var(--sg-ink-soft);
  --sg-type-body-family: var(--sg-type-family-sans);
  --sg-type-body-size: var(--sg-type-size-sm);
  --sg-type-body-leading: var(--sg-type-size-sm-leading);
  --sg-type-body-weight: var(--sg-type-w-regular);
  --sg-type-body-tracking: -0.014em;
  --sg-type-body-transform: none;
  --sg-type-body-numeric: normal;
  --sg-type-body-ink: var(--sg-ink-soft);
  --sg-type-caption-family: var(--sg-type-family-sans);
  --sg-type-caption-size: var(--sg-type-size-xs);
  --sg-type-caption-leading: var(--sg-type-size-xs-leading);
  --sg-type-caption-weight: var(--sg-type-w-regular);
  --sg-type-caption-tracking: -0.014em;
  --sg-type-caption-transform: none;
  --sg-type-caption-numeric: normal;
  --sg-type-caption-ink: var(--sg-ink-muted);
  --sg-type-meta-family: var(--sg-type-family-sans);
  --sg-type-meta-size: var(--sg-type-size-xs);
  --sg-type-meta-leading: var(--sg-type-size-xs-leading);
  --sg-type-meta-weight: var(--sg-type-w-strong);
  --sg-type-meta-tracking: 0;
  --sg-type-meta-transform: none;
  --sg-type-meta-numeric: normal;
  --sg-type-meta-ink: var(--sg-ink-muted);
  --sg-type-stat-family: var(--sg-type-family-sans);
  --sg-type-stat-size: var(--sg-type-size-2xl);
  --sg-type-stat-leading: var(--sg-type-leading-tight);
  --sg-type-stat-weight: var(--sg-type-w-heavy);
  --sg-type-stat-tracking: -0.02em;
  --sg-type-stat-transform: none;
  --sg-type-stat-numeric: tabular-nums;
  --sg-type-stat-ink: var(--sg-ink);
  --sg-type-code-family: var(--sg-type-family-mono);
  --sg-type-code-size: var(--sg-type-size-xs);
  --sg-type-code-leading: var(--sg-type-size-xs-leading);
  --sg-type-code-weight: var(--sg-type-w-regular);
  --sg-type-code-tracking: 0;
  --sg-type-code-transform: none;
  --sg-type-code-numeric: normal;
  --sg-type-code-ink: var(--sg-ink);
  --sg-type-button-family: var(--sg-type-family-sans);
  --sg-type-button-size: var(--sg-type-size-sm);
  --sg-type-button-leading: var(--sg-type-leading-tight);
  --sg-type-button-weight: 750;
  --sg-type-button-tracking: -0.005em;
  --sg-type-button-transform: none;
  --sg-type-button-numeric: normal;
  --sg-type-signature-family: var(--sg-type-family-hand);
  --sg-type-signature-size: var(--sg-type-size-xl);
  --sg-type-signature-leading: var(--sg-type-leading-snug);
  --sg-type-signature-weight: var(--sg-type-w-medium);
  --sg-type-signature-tracking: 0;
  --sg-type-signature-transform: none;
  --sg-type-signature-numeric: normal;
}
:where(.sg-type-display) {
  --sg-type-role-family: var(--sg-type-display-family);
  --sg-type-family: var(--sg-type-display-family);
  --sg-type-size: var(--sg-type-display-size);
  --sg-type-leading: var(--sg-type-display-leading);
  --sg-type-weight: var(--sg-type-display-weight);
  --sg-type-tracking: var(--sg-type-display-tracking);
  --sg-type-transform: var(--sg-type-display-transform);
  --sg-type-numeric: var(--sg-type-display-numeric);
  --sg-type-w-regular: 500;
  --sg-type-w-medium: 500;
  --sg-type-w-black: 700;
  --sg-type-ink: var(--sg-type-display-ink);
  --sg-type-face-scale: 1;
  --sg-type-face-flow: 1;
  --sg-type-face-stroke: 0em;
  font-family: var(--sg-type-family);
  font-size: calc(var(--sg-type-size) * var(--sg-type-face-scale, 1));
  line-height: calc(var(--sg-type-leading) * var(--sg-type-face-flow, 1));
  -webkit-text-stroke: var(--sg-type-face-stroke, 0em) currentColor;
  font-weight: var(--sg-type-weight);
  letter-spacing: var(--sg-type-tracking);
  text-transform: var(--sg-type-transform);
  font-variant-numeric: var(--sg-type-numeric);
  color: var(--sg-type-ink);
}
:where(.sg-type-h1) {
  --sg-type-role-family: var(--sg-type-h1-family);
  --sg-type-family: var(--sg-type-h1-family);
  --sg-type-size: var(--sg-type-h1-size);
  --sg-type-leading: var(--sg-type-h1-leading);
  --sg-type-weight: var(--sg-type-h1-weight);
  --sg-type-tracking: var(--sg-type-h1-tracking);
  --sg-type-transform: var(--sg-type-h1-transform);
  --sg-type-numeric: var(--sg-type-h1-numeric);
  --sg-type-w-regular: 500;
  --sg-type-w-medium: 500;
  --sg-type-w-black: 700;
  --sg-type-ink: var(--sg-type-h1-ink);
  --sg-type-face-scale: 1;
  --sg-type-face-flow: 1;
  --sg-type-face-stroke: 0em;
  font-family: var(--sg-type-family);
  font-size: calc(var(--sg-type-size) * var(--sg-type-face-scale, 1));
  line-height: calc(var(--sg-type-leading) * var(--sg-type-face-flow, 1));
  -webkit-text-stroke: var(--sg-type-face-stroke, 0em) currentColor;
  font-weight: var(--sg-type-weight);
  letter-spacing: var(--sg-type-tracking);
  text-transform: var(--sg-type-transform);
  font-variant-numeric: var(--sg-type-numeric);
  color: var(--sg-type-ink);
}
:where(.sg-type-h2) {
  --sg-type-role-family: var(--sg-type-h2-family);
  --sg-type-family: var(--sg-type-h2-family);
  --sg-type-size: var(--sg-type-h2-size);
  --sg-type-leading: var(--sg-type-h2-leading);
  --sg-type-weight: var(--sg-type-h2-weight);
  --sg-type-tracking: var(--sg-type-h2-tracking);
  --sg-type-transform: var(--sg-type-h2-transform);
  --sg-type-numeric: var(--sg-type-h2-numeric);
  --sg-type-w-regular: 500;
  --sg-type-w-medium: 500;
  --sg-type-w-black: 700;
  --sg-type-ink: var(--sg-type-h2-ink);
  --sg-type-face-scale: 1;
  --sg-type-face-flow: 1;
  --sg-type-face-stroke: 0em;
  font-family: var(--sg-type-family);
  font-size: calc(var(--sg-type-size) * var(--sg-type-face-scale, 1));
  line-height: calc(var(--sg-type-leading) * var(--sg-type-face-flow, 1));
  -webkit-text-stroke: var(--sg-type-face-stroke, 0em) currentColor;
  font-weight: var(--sg-type-weight);
  letter-spacing: var(--sg-type-tracking);
  text-transform: var(--sg-type-transform);
  font-variant-numeric: var(--sg-type-numeric);
  color: var(--sg-type-ink);
}
:where(.sg-type-h3) {
  --sg-type-role-family: var(--sg-type-h3-family);
  --sg-type-family: var(--sg-type-h3-family);
  --sg-type-size: var(--sg-type-h3-size);
  --sg-type-leading: var(--sg-type-h3-leading);
  --sg-type-weight: var(--sg-type-h3-weight);
  --sg-type-tracking: var(--sg-type-h3-tracking);
  --sg-type-transform: var(--sg-type-h3-transform);
  --sg-type-numeric: var(--sg-type-h3-numeric);
  --sg-type-w-regular: 500;
  --sg-type-w-medium: 500;
  --sg-type-w-black: 700;
  --sg-type-ink: var(--sg-type-h3-ink);
  --sg-type-face-scale: 1;
  --sg-type-face-flow: 1;
  --sg-type-face-stroke: 0em;
  font-family: var(--sg-type-family);
  font-size: calc(var(--sg-type-size) * var(--sg-type-face-scale, 1));
  line-height: calc(var(--sg-type-leading) * var(--sg-type-face-flow, 1));
  -webkit-text-stroke: var(--sg-type-face-stroke, 0em) currentColor;
  font-weight: var(--sg-type-weight);
  letter-spacing: var(--sg-type-tracking);
  text-transform: var(--sg-type-transform);
  font-variant-numeric: var(--sg-type-numeric);
  color: var(--sg-type-ink);
}
:where(.sg-type-title) {
  --sg-type-role-family: var(--sg-type-title-family);
  --sg-type-family: var(--sg-type-title-family);
  --sg-type-size: var(--sg-type-title-size);
  --sg-type-leading: var(--sg-type-title-leading);
  --sg-type-weight: var(--sg-type-title-weight);
  --sg-type-tracking: var(--sg-type-title-tracking);
  --sg-type-transform: var(--sg-type-title-transform);
  --sg-type-numeric: var(--sg-type-title-numeric);
  --sg-type-ink: var(--sg-type-title-ink);
  --sg-type-face-scale: 1;
  --sg-type-face-flow: 1;
  --sg-type-face-stroke: 0em;
  font-family: var(--sg-type-family);
  font-size: calc(var(--sg-type-size) * var(--sg-type-face-scale, 1));
  line-height: calc(var(--sg-type-leading) * var(--sg-type-face-flow, 1));
  -webkit-text-stroke: var(--sg-type-face-stroke, 0em) currentColor;
  font-weight: var(--sg-type-weight);
  letter-spacing: var(--sg-type-tracking);
  text-transform: var(--sg-type-transform);
  font-variant-numeric: var(--sg-type-numeric);
  color: var(--sg-type-ink);
}
:where(.sg-type-eyebrow) {
  --sg-type-role-family: var(--sg-type-eyebrow-family);
  --sg-type-family: var(--sg-type-eyebrow-family);
  --sg-type-size: var(--sg-type-eyebrow-size);
  --sg-type-leading: var(--sg-type-eyebrow-leading);
  --sg-type-weight: var(--sg-type-eyebrow-weight);
  --sg-type-tracking: var(--sg-type-eyebrow-tracking);
  --sg-type-transform: var(--sg-type-eyebrow-transform);
  --sg-type-numeric: var(--sg-type-eyebrow-numeric);
  --sg-type-ink: var(--sg-type-eyebrow-ink);
  --sg-type-face-scale: 1;
  --sg-type-face-flow: 1;
  --sg-type-face-stroke: 0em;
  font-family: var(--sg-type-family);
  font-size: calc(var(--sg-type-size) * var(--sg-type-face-scale, 1));
  line-height: calc(var(--sg-type-leading) * var(--sg-type-face-flow, 1));
  -webkit-text-stroke: var(--sg-type-face-stroke, 0em) currentColor;
  font-weight: var(--sg-type-weight);
  letter-spacing: var(--sg-type-tracking);
  text-transform: var(--sg-type-transform);
  font-variant-numeric: var(--sg-type-numeric);
  color: var(--sg-type-ink);
}
:where(.sg-type-label) {
  --sg-type-role-family: var(--sg-type-label-family);
  --sg-type-family: var(--sg-type-label-family);
  --sg-type-size: var(--sg-type-label-size);
  --sg-type-leading: var(--sg-type-label-leading);
  --sg-type-weight: var(--sg-type-label-weight);
  --sg-type-tracking: var(--sg-type-label-tracking);
  --sg-type-transform: var(--sg-type-label-transform);
  --sg-type-numeric: var(--sg-type-label-numeric);
  --sg-type-ink: var(--sg-type-label-ink);
  --sg-type-face-scale: 1;
  --sg-type-face-flow: 1;
  --sg-type-face-stroke: 0em;
  font-family: var(--sg-type-family);
  font-size: calc(var(--sg-type-size) * var(--sg-type-face-scale, 1));
  line-height: calc(var(--sg-type-leading) * var(--sg-type-face-flow, 1));
  -webkit-text-stroke: var(--sg-type-face-stroke, 0em) currentColor;
  font-weight: var(--sg-type-weight);
  letter-spacing: var(--sg-type-tracking);
  text-transform: var(--sg-type-transform);
  font-variant-numeric: var(--sg-type-numeric);
  color: var(--sg-type-ink);
}
:where(.sg-type-lede) {
  --sg-type-role-family: var(--sg-type-lede-family);
  --sg-type-family: var(--sg-type-lede-family);
  --sg-type-size: var(--sg-type-lede-size);
  --sg-type-leading: var(--sg-type-lede-leading);
  --sg-type-weight: var(--sg-type-lede-weight);
  --sg-type-tracking: var(--sg-type-lede-tracking);
  --sg-type-transform: var(--sg-type-lede-transform);
  --sg-type-numeric: var(--sg-type-lede-numeric);
  --sg-type-ink: var(--sg-type-lede-ink);
  --sg-type-face-scale: 1;
  --sg-type-face-flow: 1;
  --sg-type-face-stroke: 0em;
  font-family: var(--sg-type-family);
  font-size: calc(var(--sg-type-size) * var(--sg-type-face-scale, 1));
  line-height: calc(var(--sg-type-leading) * var(--sg-type-face-flow, 1));
  -webkit-text-stroke: var(--sg-type-face-stroke, 0em) currentColor;
  font-weight: var(--sg-type-weight);
  letter-spacing: var(--sg-type-tracking);
  text-transform: var(--sg-type-transform);
  font-variant-numeric: var(--sg-type-numeric);
  color: var(--sg-type-ink);
}
:where(.sg-type-body) {
  --sg-type-role-family: var(--sg-type-body-family);
  --sg-type-family: var(--sg-type-body-family);
  --sg-type-size: var(--sg-type-body-size);
  --sg-type-leading: var(--sg-type-body-leading);
  --sg-type-weight: var(--sg-type-body-weight);
  --sg-type-tracking: var(--sg-type-body-tracking);
  --sg-type-transform: var(--sg-type-body-transform);
  --sg-type-numeric: var(--sg-type-body-numeric);
  --sg-type-ink: var(--sg-type-body-ink);
  --sg-type-face-scale: 1;
  --sg-type-face-flow: 1;
  --sg-type-face-stroke: 0em;
  font-family: var(--sg-type-family);
  font-size: calc(var(--sg-type-size) * var(--sg-type-face-scale, 1));
  line-height: calc(var(--sg-type-leading) * var(--sg-type-face-flow, 1));
  -webkit-text-stroke: var(--sg-type-face-stroke, 0em) currentColor;
  font-weight: var(--sg-type-weight);
  letter-spacing: var(--sg-type-tracking);
  text-transform: var(--sg-type-transform);
  font-variant-numeric: var(--sg-type-numeric);
  color: var(--sg-type-ink);
}
:where(.sg-type-caption) {
  --sg-type-role-family: var(--sg-type-caption-family);
  --sg-type-family: var(--sg-type-caption-family);
  --sg-type-size: var(--sg-type-caption-size);
  --sg-type-leading: var(--sg-type-caption-leading);
  --sg-type-weight: var(--sg-type-caption-weight);
  --sg-type-tracking: var(--sg-type-caption-tracking);
  --sg-type-transform: var(--sg-type-caption-transform);
  --sg-type-numeric: var(--sg-type-caption-numeric);
  --sg-type-ink: var(--sg-type-caption-ink);
  --sg-type-face-scale: 1;
  --sg-type-face-flow: 1;
  --sg-type-face-stroke: 0em;
  font-family: var(--sg-type-family);
  font-size: calc(var(--sg-type-size) * var(--sg-type-face-scale, 1));
  line-height: calc(var(--sg-type-leading) * var(--sg-type-face-flow, 1));
  -webkit-text-stroke: var(--sg-type-face-stroke, 0em) currentColor;
  font-weight: var(--sg-type-weight);
  letter-spacing: var(--sg-type-tracking);
  text-transform: var(--sg-type-transform);
  font-variant-numeric: var(--sg-type-numeric);
  color: var(--sg-type-ink);
}
:where(.sg-type-meta) {
  --sg-type-role-family: var(--sg-type-meta-family);
  --sg-type-family: var(--sg-type-meta-family);
  --sg-type-size: var(--sg-type-meta-size);
  --sg-type-leading: var(--sg-type-meta-leading);
  --sg-type-weight: var(--sg-type-meta-weight);
  --sg-type-tracking: var(--sg-type-meta-tracking);
  --sg-type-transform: var(--sg-type-meta-transform);
  --sg-type-numeric: var(--sg-type-meta-numeric);
  --sg-type-ink: var(--sg-type-meta-ink);
  --sg-type-face-scale: 1;
  --sg-type-face-flow: 1;
  --sg-type-face-stroke: 0em;
  font-family: var(--sg-type-family);
  font-size: calc(var(--sg-type-size) * var(--sg-type-face-scale, 1));
  line-height: calc(var(--sg-type-leading) * var(--sg-type-face-flow, 1));
  -webkit-text-stroke: var(--sg-type-face-stroke, 0em) currentColor;
  font-weight: var(--sg-type-weight);
  letter-spacing: var(--sg-type-tracking);
  text-transform: var(--sg-type-transform);
  font-variant-numeric: var(--sg-type-numeric);
  color: var(--sg-type-ink);
}
:where(.sg-type-stat) {
  --sg-type-role-family: var(--sg-type-stat-family);
  --sg-type-family: var(--sg-type-stat-family);
  --sg-type-size: var(--sg-type-stat-size);
  --sg-type-leading: var(--sg-type-stat-leading);
  --sg-type-weight: var(--sg-type-stat-weight);
  --sg-type-tracking: var(--sg-type-stat-tracking);
  --sg-type-transform: var(--sg-type-stat-transform);
  --sg-type-numeric: var(--sg-type-stat-numeric);
  --sg-type-ink: var(--sg-type-stat-ink);
  --sg-type-face-scale: 1;
  --sg-type-face-flow: 1;
  --sg-type-face-stroke: 0em;
  font-family: var(--sg-type-family);
  font-size: calc(var(--sg-type-size) * var(--sg-type-face-scale, 1));
  line-height: calc(var(--sg-type-leading) * var(--sg-type-face-flow, 1));
  -webkit-text-stroke: var(--sg-type-face-stroke, 0em) currentColor;
  font-weight: var(--sg-type-weight);
  letter-spacing: var(--sg-type-tracking);
  text-transform: var(--sg-type-transform);
  font-variant-numeric: var(--sg-type-numeric);
  color: var(--sg-type-ink);
}
:where(.sg-type-code) {
  --sg-type-role-family: var(--sg-type-code-family);
  --sg-type-family: var(--sg-type-code-family);
  --sg-type-size: var(--sg-type-code-size);
  --sg-type-leading: var(--sg-type-code-leading);
  --sg-type-weight: var(--sg-type-code-weight);
  --sg-type-tracking: var(--sg-type-code-tracking);
  --sg-type-transform: var(--sg-type-code-transform);
  --sg-type-numeric: var(--sg-type-code-numeric);
  --sg-type-ink: var(--sg-type-code-ink);
  --sg-type-face-scale: 1;
  --sg-type-face-flow: 1;
  --sg-type-face-stroke: 0em;
  font-family: var(--sg-type-family);
  font-size: calc(var(--sg-type-size) * var(--sg-type-face-scale, 1));
  line-height: calc(var(--sg-type-leading) * var(--sg-type-face-flow, 1));
  -webkit-text-stroke: var(--sg-type-face-stroke, 0em) currentColor;
  font-weight: var(--sg-type-weight);
  letter-spacing: var(--sg-type-tracking);
  text-transform: var(--sg-type-transform);
  font-variant-numeric: var(--sg-type-numeric);
  color: var(--sg-type-ink);
}
:where(.sg-type-button) {
  --sg-type-role-family: var(--sg-type-button-family);
  --sg-type-family: var(--sg-type-button-family);
  --sg-type-size: var(--sg-type-button-size);
  --sg-type-leading: var(--sg-type-button-leading);
  --sg-type-weight: var(--sg-type-button-weight);
  --sg-type-tracking: var(--sg-type-button-tracking);
  --sg-type-transform: var(--sg-type-button-transform);
  --sg-type-numeric: var(--sg-type-button-numeric);
  --sg-type-face-scale: 1;
  --sg-type-face-flow: 1;
  --sg-type-face-stroke: 0em;
  font-family: var(--sg-type-family);
  font-size: calc(var(--sg-type-size) * var(--sg-type-face-scale, 1));
  line-height: calc(var(--sg-type-leading) * var(--sg-type-face-flow, 1));
  -webkit-text-stroke: var(--sg-type-face-stroke, 0em) currentColor;
  font-weight: var(--sg-type-weight);
  letter-spacing: var(--sg-type-tracking);
  text-transform: var(--sg-type-transform);
  font-variant-numeric: var(--sg-type-numeric);
}
:where(.sg-type-signature) {
  --sg-type-role-family: var(--sg-type-signature-family);
  --sg-type-family: var(--sg-type-signature-family);
  --sg-type-size: var(--sg-type-signature-size);
  --sg-type-leading: var(--sg-type-signature-leading);
  --sg-type-weight: var(--sg-type-signature-weight);
  --sg-type-tracking: var(--sg-type-signature-tracking);
  --sg-type-transform: var(--sg-type-signature-transform);
  --sg-type-numeric: var(--sg-type-signature-numeric);
  --sg-type-face-scale: 1;
  --sg-type-face-flow: 1;
  --sg-type-face-stroke: 0em;
  font-family: var(--sg-type-family);
  font-size: calc(var(--sg-type-size) * var(--sg-type-face-scale, 1));
  line-height: calc(var(--sg-type-leading) * var(--sg-type-face-flow, 1));
  -webkit-text-stroke: var(--sg-type-face-stroke, 0em) currentColor;
  font-weight: var(--sg-type-weight);
  letter-spacing: var(--sg-type-tracking);
  text-transform: var(--sg-type-transform);
  font-variant-numeric: var(--sg-type-numeric);
}
.sg-type-w-regular.sg-type-w-regular { --sg-type-weight: var(--sg-type-w-regular); }
.sg-type-w-medium.sg-type-w-medium { --sg-type-weight: var(--sg-type-w-medium); }
.sg-type-w-strong.sg-type-w-strong { --sg-type-weight: var(--sg-type-w-strong); }
.sg-type-w-heavy.sg-type-w-heavy { --sg-type-weight: var(--sg-type-w-heavy); }
.sg-type-w-black.sg-type-w-black { --sg-type-weight: var(--sg-type-w-black); }
.sg-type-s-3xs.sg-type-s-3xs { --sg-type-size: var(--sg-type-size-3xs); --sg-type-leading: var(--sg-type-size-3xs-leading); }
.sg-type-s-2xs.sg-type-s-2xs { --sg-type-size: var(--sg-type-size-2xs); --sg-type-leading: var(--sg-type-size-2xs-leading); }
.sg-type-s-xs.sg-type-s-xs { --sg-type-size: var(--sg-type-size-xs); --sg-type-leading: var(--sg-type-size-xs-leading); }
.sg-type-s-sm.sg-type-s-sm { --sg-type-size: var(--sg-type-size-sm); --sg-type-leading: var(--sg-type-size-sm-leading); }
.sg-type-s-md.sg-type-s-md { --sg-type-size: var(--sg-type-size-md); --sg-type-leading: var(--sg-type-size-md-leading); }
.sg-type-s-lg.sg-type-s-lg { --sg-type-size: var(--sg-type-size-lg); --sg-type-leading: var(--sg-type-size-lg-leading); }
.sg-type-s-xl.sg-type-s-xl { --sg-type-size: var(--sg-type-size-xl); --sg-type-leading: var(--sg-type-size-xl-leading); }
.sg-type-s-2xl.sg-type-s-2xl { --sg-type-size: var(--sg-type-size-2xl); --sg-type-leading: var(--sg-type-size-2xl-leading); }
.sg-type-s-3xl.sg-type-s-3xl { --sg-type-size: var(--sg-type-size-3xl); --sg-type-leading: var(--sg-type-size-3xl-leading); }
.sg-type-s-4xl.sg-type-s-4xl { --sg-type-size: var(--sg-type-size-4xl); --sg-type-leading: var(--sg-type-size-4xl-leading); }
.sg-type-s-5xl.sg-type-s-5xl { --sg-type-size: var(--sg-type-size-5xl); --sg-type-leading: var(--sg-type-size-5xl-leading); }
.sg-type-s-6xl.sg-type-s-6xl { --sg-type-size: var(--sg-type-size-6xl); --sg-type-leading: var(--sg-type-size-6xl-leading); }
.sg-type-s-7xl.sg-type-s-7xl { --sg-type-size: var(--sg-type-size-7xl); --sg-type-leading: var(--sg-type-size-7xl-leading); }
.sg-type-lh-tight.sg-type-lh-tight.sg-type-lh-tight { --sg-type-leading: var(--sg-type-leading-tight); }
.sg-type-lh-snug.sg-type-lh-snug.sg-type-lh-snug { --sg-type-leading: var(--sg-type-leading-snug); }
.sg-type-lh-relaxed.sg-type-lh-relaxed.sg-type-lh-relaxed { --sg-type-leading: var(--sg-type-leading-relaxed); }
.sg-type-face-notes.sg-type-face-notes { --sg-type-family: var(--sg-type-family-hand); }
.sg-type-face-season.sg-type-face-season, [data-sg-season] [data-sg-season-stage] :where(.sg-type-display) { --sg-type-family: var(--sg-season-face, var(--sg-type-role-family)); --sg-type-face-scale: var(--sg-season-face-scale, 1); --sg-type-face-flow: var(--sg-season-face-flow, 1); --sg-type-face-stroke: var(--sg-season-face-stroke, 0em); }
[data-sg-season] [data-sg-season-stage] :where(.sg-type-display):has(> em) { --sg-type-family: var(--sg-type-role-family); --sg-type-face-scale: 1; --sg-type-face-flow: 1; --sg-type-face-stroke: 0em; }
[data-sg-season] [data-sg-season-stage] :where(.sg-type-display) > em { font-family: var(--sg-season-face, var(--sg-type-role-family)); font-size: calc(1em * var(--sg-season-face-scale, 1)); line-height: calc(var(--sg-type-leading) * var(--sg-season-face-flow, 1)); -webkit-text-stroke: var(--sg-season-face-stroke, 0em) currentColor; }
.sg-type-tone-ink.sg-type-tone-ink { --sg-type-ink: var(--sg-ink); }
.sg-type-tone-soft.sg-type-tone-soft { --sg-type-ink: var(--sg-ink-soft); }
.sg-type-tone-muted.sg-type-tone-muted { --sg-type-ink: var(--sg-ink-muted); }
.sg-type-tone-brand.sg-type-tone-brand { --sg-type-ink: var(--sg-ink-brand); }
.sg-type-tone-accent.sg-type-tone-accent { --sg-type-ink: var(--sg-season-accent-ink); }
.sg-type-tone-on-brand.sg-type-tone-on-brand { --sg-type-ink: var(--sg-ink-on-brand); }
.sg-type-tone-on-brand-soft.sg-type-tone-on-brand-soft { --sg-type-ink: var(--sg-ink-on-brand-soft); }
.sg-type-tone-on-action.sg-type-tone-on-action { --sg-type-ink: var(--sg-action-primary-ink); }
.sg-type-tone-on-accent.sg-type-tone-on-accent { --sg-type-ink: var(--sg-season-accent-on); }
.sg-type-tone-on-inverse.sg-type-tone-on-inverse { --sg-type-ink: var(--sg-ink-on-inverse); }
.sg-type-tone-on-overlay.sg-type-tone-on-overlay { --sg-type-ink: var(--sg-ink-on-overlay); }
.sg-type-tone-on-scrim.sg-type-tone-on-scrim { --sg-type-ink: var(--sg-ink-on-scrim); }
.sg-type-tone-positive.sg-type-tone-positive { --sg-type-ink: var(--sg-status-positive-ink); }
.sg-type-tone-warning.sg-type-tone-warning { --sg-type-ink: var(--sg-status-warning-ink); }
.sg-type-tone-danger.sg-type-tone-danger { --sg-type-ink: var(--sg-status-danger-ink); }
.sg-type-tone-info.sg-type-tone-info { --sg-type-ink: var(--sg-status-info-ink); }
.sg-type-tone-gold.sg-type-tone-gold { --sg-type-ink: var(--sg-gold-ink); }
.sg-type-tone-inherit.sg-type-tone-inherit { color: inherit; }