/* Thalita Mendes — Design System tokens, bundled into a single stylesheet for deploy.
   Source: tokens/fonts.css, colors.css, typography.css, spacing.css, elevation.css, motion.css, base.css */
@import url("https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400&family=Montserrat:wght@200;300;400;500;600&display=swap");

:root{
  --cream-50:#FDFCFA;
  --cream-100:#FBFAF7;
  --cream-200:#F5F2EB;
  --sand-300:#E0DAD5;
  --sand-400:#CFC6BB;
  --sand-500:#A99C90;

  --gold-200:#FDEBCB;
  --gold-300:#F7DAB0;
  --gold-400:#E8BE84;
  --gold-500:#C99A56;
  --gold-600:#A87C3D;

  --espresso-900:#3E1C07;
  --espresso-800:#55290E;
  --espresso-700:#6E3A18;
  --espresso-600:#8A5A38;
  --clay-500:#6E5546;
  --clay-400:#8C7565;

  --surface-page:var(--cream-100);
  --surface-card:var(--cream-50);
  --surface-muted:var(--cream-200);
  --surface-inverse:var(--espresso-900);
  --surface-accent:var(--gold-300);
  --surface-accent-soft:var(--gold-200);

  --text-primary:var(--espresso-900);
  --text-secondary:var(--clay-500);
  --text-tertiary:var(--clay-400);
  --text-inverse:var(--cream-100);
  --text-inverse-muted:rgba(251,250,247,.66);
  --text-accent:var(--gold-600);

  --border-subtle:rgba(62,28,7,.12);
  --border-strong:rgba(62,28,7,.28);
  --border-inverse:rgba(251,250,247,.22);
  --border-accent:var(--gold-300);

  --focus-ring:rgba(201,154,86,.55);
  --overlay-scrim:rgba(62,28,7,.55);

  --ink-900:#0C0A09;
  --ink-850:#110E0D;
  --ink-800:#161211;
  --ink-750:#1C1817;
  --ink-700:#241F1D;
  --ink-600:#302A27;
  --amber-500:#C9873F;
  --amber-600:#8A5323;
  --amber-700:#4A2C13;
  --glow-amber:radial-gradient(120% 100% at 50% 100%,rgba(201,135,63,.55) 0%,rgba(138,83,35,.22) 38%,rgba(12,10,9,0) 72%);
  --glow-amber-soft:radial-gradient(80% 60% at 80% 0%,rgba(201,135,63,.20) 0%,rgba(12,10,9,0) 70%);

  --status-positive:#4E6B4A;
  --status-warning:#A87C3D;
  --status-critical:#8E3B2A;

  --font-display:"Cormorant Garamond",Georgia,"Times New Roman",serif;
  --font-sans:"Montserrat","Helvetica Neue",Arial,sans-serif;

  --text-display-xl:84px;
  --text-display-lg:64px;
  --text-display-md:48px;
  --text-display-sm:36px;
  --text-title:28px;

  --text-body-lg:18px;
  --text-body:16px;
  --text-body-sm:14px;
  --text-caption:12px;
  --text-eyebrow:11px;

  --leading-tight:1.04;
  --leading-display:1.12;
  --leading-snug:1.35;
  --leading-body:1.7;
  --leading-loose:1.85;

  --tracking-tightest:-0.02em;
  --tracking-tight:-0.01em;
  --tracking-normal:0;
  --tracking-wide:0.08em;
  --tracking-wider:0.16em;
  --tracking-widest:0.28em;

  --weight-extralight:200;
  --weight-light:300;
  --weight-regular:400;
  --weight-medium:500;
  --weight-semibold:600;

  --space-0:0px;
  --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;
  --space-10:128px;
  --space-11:160px;

  --radius-none:0px;
  --radius-sm:2px;
  --radius-md:4px;
  --radius-lg:8px;
  --radius-pill:999px;

  --border-hairline:1px;
  --rule-thick:2px;

  --container-narrow:680px;
  --container-text:760px;
  --container-wide:1160px;
  --gutter-page:32px;

  --shadow-none:none;
  --shadow-hairline:0 0 0 1px rgba(62,28,7,.10);
  --shadow-card:0 1px 2px rgba(62,28,7,.04),0 12px 32px -18px rgba(62,28,7,.18);
  --shadow-raised:0 2px 4px rgba(62,28,7,.05),0 24px 56px -24px rgba(62,28,7,.22);
  --shadow-inset-hairline:inset 0 0 0 1px rgba(62,28,7,.12);
  --shadow-focus:0 0 0 3px var(--focus-ring);

  --ease-standard:cubic-bezier(.32,.72,.28,1);
  --ease-out:cubic-bezier(.16,.84,.28,1);
  --duration-fast:120ms;
  --duration-base:220ms;
  --duration-slow:420ms;
  --duration-reveal:700ms;
}

[data-theme="dark"]{
  --surface-page:var(--ink-900);
  --surface-card:var(--ink-850);
  --surface-muted:var(--ink-800);
  --surface-inverse:var(--cream-100);
  --surface-accent:var(--amber-500);
  --surface-accent-soft:var(--ink-750);

  --text-primary:#F5EFE9;
  --text-secondary:rgba(245,239,233,.62);
  --text-tertiary:rgba(245,239,233,.40);
  --text-inverse:var(--espresso-900);
  --text-inverse-muted:rgba(62,28,7,.66);
  --text-accent:var(--gold-300);

  --border-subtle:rgba(245,239,233,.09);
  --border-strong:rgba(245,239,233,.20);
  --border-inverse:rgba(62,28,7,.18);
  --border-accent:rgba(201,135,63,.55);

  --focus-ring:rgba(201,135,63,.45);
  --shadow-card:0 1px 0 rgba(245,239,233,.04),0 30px 60px -30px rgba(0,0,0,.8);
  --shadow-inset-hairline:inset 0 0 0 1px rgba(245,239,233,.09);
}

*,*::before,*::after{box-sizing:border-box}
body{margin:0;background:var(--surface-page);color:var(--text-primary);font-family:var(--font-sans);font-size:var(--text-body);line-height:var(--leading-body);font-weight:var(--weight-light);-webkit-font-smoothing:antialiased}
h1,h2,h3,h4{font-family:var(--font-display);font-weight:var(--weight-regular);letter-spacing:var(--tracking-tight);line-height:var(--leading-display);margin:0}
p{margin:0}
a{color:var(--text-primary);text-decoration:none;border-bottom:1px solid var(--border-accent);transition:color var(--duration-base) var(--ease-standard),border-color var(--duration-base) var(--ease-standard)}
a:hover{color:var(--text-accent);border-color:var(--gold-600)}
::selection{background:var(--gold-300);color:var(--espresso-900)}