/* Rianerurkar — generated from tokens.json */
:root,[data-theme="light"]{
  --ink:#161413;
  --graphite:#4a4744;
  --smoke:#a6a6a6;
  --dusty-pink:#ccaeb9;
  --paper:#eeebe3;
  --espresso:#3d271d;
  --surface:var(--paper);
  --surface-sunken:#e4dfd4;
  --surface-inverse:var(--ink);
  --panel:var(--dusty-pink);
  --text:var(--ink);
  --text-muted:var(--graphite);
  --text-inverse:var(--paper);
  --text-on-panel:var(--ink);
  --accent:var(--dusty-pink);
  --on-accent:var(--ink);
  --action:var(--espresso);
  --on-action:var(--paper);
  --edge:#7f796f;
  --rule:var(--smoke);
  --focus:var(--espresso);
  --shadow-raised-sm:-3px -3px 7px #ffffffb3, 3px 3px 7px #3d271d24;
  --shadow-raised-md:-8px -8px 16px #ffffffcc, 8px 8px 18px #3d271d2b;
  --shadow-inset:inset 3px 3px 7px #3d271d24, inset -3px -3px 7px #ffffffb3;
  --focus-ring:0 0 0 2px #eeebe3, 0 0 0 4px #3d271d;
}

[data-theme="dark"]{
  --surface:#1d1917;
  --surface-sunken:#151210;
  --surface-inverse:var(--paper);
  --panel:var(--espresso);
  --text:var(--paper);
  --text-muted:var(--smoke);
  --text-inverse:var(--ink);
  --text-on-panel:var(--paper);
  --action:var(--dusty-pink);
  --on-action:var(--ink);
  --edge:#77716a;
  --rule:var(--graphite);
  --focus:var(--dusty-pink);
  --shadow-raised-sm:-3px -3px 7px #2c2623, 3px 3px 8px #070605;
  --shadow-raised-md:-6px -6px 14px #2a2421, 8px 8px 18px #050404;
  --shadow-inset:inset 3px 3px 8px #070605, inset -3px -3px 7px #2a2421;
  --focus-ring:0 0 0 2px #1d1917, 0 0 0 4px #ccaeb9;
}

:root{
  --space-1:4px;
  --space-2:8px;
  --space-3:12px;
  --space-4:16px;
  --space-5:24px;
  --space-6:32px;
  --space-7:48px;
  --space-8:64px;
  --space-9:96px;
  --radius-sm:10px;
  --radius-md:16px;
  --radius-lg:24px;
  --radius-full:9999px;
  --font-serif:Newsreader, Georgia, serif;
  --font-label:Montserrat, "Helvetica Neue", Arial, sans-serif;
  --font-sans:proxima-nova, "Proxima Nova", Mulish, system-ui, sans-serif;
  --font-script:"Great Vibes", cursive;
}

/* Type styles */
.display{font-family:var(--font-serif);font-size:64px;line-height:68px;font-weight:400;letter-spacing:-0.015em}
.title{font-family:var(--font-serif);font-size:40px;line-height:46px;font-weight:400;letter-spacing:-0.01em}
.heading{font-family:var(--font-serif);font-size:26px;line-height:32px;font-weight:400}
.heading-italic{font-family:var(--font-serif);font-size:26px;line-height:32px;font-weight:400;font-style:italic}
.eyebrow{font-family:var(--font-label);font-size:12px;line-height:16px;font-weight:600;letter-spacing:0.2em;text-transform:uppercase}
.label{font-family:var(--font-label);font-size:11px;line-height:14px;font-weight:600;letter-spacing:0.16em;text-transform:uppercase}
.body-lg{font-family:var(--font-sans);font-size:18px;line-height:30px;font-weight:400}
.body{font-family:var(--font-sans);font-size:16px;line-height:26px;font-weight:400}
.body-sm{font-family:var(--font-sans);font-size:14px;line-height:22px;font-weight:400}
.caption{font-family:var(--font-sans);font-size:12px;line-height:18px;font-weight:500}
.wordmark{font-family:var(--font-script);font-size:56px;line-height:64px;font-weight:400}
.script-accent{font-family:var(--font-script);font-size:120px;line-height:120px;font-weight:400}
