@supports (color: light-dark(#000,#fff)) {
  :root {
    --app-accent: light-dark(#6F5D4E,#C7A98E);
    --app-accent-hover: light-dark(#584A3E,#D5BCA5);
    --app-accent-soft: light-dark(#EFE8E1,#332B25);
    --app-on-accent: light-dark(#FFFFFF,#211A15);
    --color-surface: light-dark(#FFFFFF,#211C18);
    --color-slate-50: light-dark(#FBF9F6,#171411);
    --color-slate-100: light-dark(color-mix(in srgb,#FFFFFF 72%,#FBF9F6),color-mix(in srgb,#211C18 72%,#171411));
    --color-slate-200: light-dark(#E6DED6,#40362F);
    --color-slate-300: light-dark(color-mix(in srgb,#E6DED6 76%,#766E67),color-mix(in srgb,#40362F 76%,#B9ADA3));
    --color-slate-400: light-dark(#766E67,#B9ADA3);
    --color-slate-500: light-dark(color-mix(in srgb,#766E67 18%,#241F1A),color-mix(in srgb,#B9ADA3 18%,#F7F2ED));
    --color-slate-600: light-dark(#766E67,#B9ADA3);
    --color-slate-700: light-dark(color-mix(in srgb,#241F1A 82%,#766E67),color-mix(in srgb,#F7F2ED 82%,#B9ADA3));
    --color-slate-800: light-dark(#241F1A,#F7F2ED);
    --color-slate-900: light-dark(#241F1A,#F7F2ED);
    --color-slate-950: light-dark(#241F1A,#F7F2ED);
    --color-indigo-50: light-dark(#EFE8E1,#332B25);
    --color-indigo-100: light-dark(#EFE8E1,#332B25);
    --color-indigo-200: light-dark(#EFE8E1,#332B25);
    --color-indigo-300: light-dark(#EFE8E1,#332B25);
    --color-indigo-400: light-dark(#6F5D4E,#C7A98E);
    --color-indigo-500: light-dark(#6F5D4E,#C7A98E);
    --color-indigo-600: light-dark(#584A3E,#D5BCA5);
    --color-indigo-700: light-dark(#584A3E,#D5BCA5);
    --color-indigo-800: light-dark(#584A3E,#D5BCA5);
    --color-indigo-900: light-dark(#584A3E,#D5BCA5);
    --color-indigo-950: light-dark(#584A3E,#D5BCA5);
  }
  .text-indigo-400, .text-indigo-500, .text-indigo-600, .text-indigo-700, .text-indigo-800, .text-indigo-900, .text-indigo-950 {
    color: var(--app-accent-hover);
  }
  .bg-indigo-500.text-white { color: var(--app-on-accent); }
}
@font-face { font-family: 'Manrope'; font-style: normal; font-display: swap; font-weight: 200 800; src: url(/runtime.font-manrope-latin.woff2) format('woff2'); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family: 'Manrope'; font-style: normal; font-display: swap; font-weight: 200 800; src: url(/runtime.font-manrope-latin-ext.woff2) format('woff2'); unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }
:root {
  --radius-xs: 0.25rem;
  --radius-sm: 0.375rem;
  --radius-md: 0.5rem;
  --radius-lg: 0.75rem;
  --radius-xl: 1rem;
  --radius-2xl: 1.5rem;
  --radius-3xl: 2rem;
  --radius-4xl: 2.5rem;
  --font-sans: 'Manrope', ui-sans-serif, system-ui, sans-serif;
}
.bg-surface.rounded-2xl:not(dialog) { box-shadow: 0 0 0 1px var(--color-slate-200); }
@font-face { font-family: 'Nunito'; font-style: normal; font-display: swap; font-weight: 200 1000; src: url(/runtime.font-nunito-latin.woff2) format('woff2'); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family: 'Nunito'; font-style: normal; font-display: swap; font-weight: 200 1000; src: url(/runtime.font-nunito-latin-ext.woff2) format('woff2'); unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }
:root[data-look="warm"] {
  --font-display: 'Nunito', ui-rounded, ui-sans-serif, system-ui, sans-serif;
  --site-eyebrow-font: inherit;
  --site-heading-weight: 800;
  --site-heading-tracking: -0.015em;
  --site-heading-case: none;
  --site-heading-style: normal;
  --site-heading-leading: 1.08;
  --site-hero-size: clamp(2.5rem, 6vw, 4.25rem);
  --site-title-size: clamp(1.875rem, 4vw, 2.75rem);
  --site-eyebrow-case: none;
  --site-eyebrow-tracking: 0.01em;
  --site-eyebrow-size: 1rem;
  --site-eyebrow-weight: 600;
  --site-section-py: 5.5rem;
  --site-btn-radius: 9999px;
  --site-img-radius: 2.25rem;
  --radius-2xl: 1.75rem;
  --site-img-shadow: none;
}
:root[data-look="warm"] .bg-surface.rounded-2xl:not(dialog) { box-shadow: none; }