/* Combined token stylesheet — replaces 7 separate <link> requests with 1.
   Concatenated in the same order styles.css already imports them in,
   so cascade/specificity behaves identically. Source files kept as-is
   for the design canvas editor; only index.html's <head> was changed
   to point at this file instead of listing all seven individually. */

/* NailChateau webfonts — no brand binaries were supplied; these are Google Fonts
   stand-ins chosen for the warm, personal, editorial direction.
   Cormorant Garamond → display serif; the ITALIC is the brand's headline voice
   Jost              → geometric sans for nav, labels, body
   Caveat            → handwritten accent for margin notes and signatures */
@import url("https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;1,300;1,400;1,500&family=Jost:wght@200;300;400;500&family=Caveat:wght@400;500;600&display=swap");

:root{
  /* --- Cream: the whole canvas. Nothing darker than sand above the footer. -- */
  --cream-50:#FFFDFA;
  --cream-100:#FBF8F3;
  --cream-200:#F6F1E8;
  --cream-300:#EFE8DB;
  --sand-400:#E3D8C6;
  --sand-500:#D2C3AC;
  --taupe-600:#A79781;
  --taupe-700:#8B7F6D;

  /* --- Ink: text, and the footer (the only dark surface) ------------------ */
  --ink-700:#4A4036;
  --ink-800:#362E26;
  --ink-900:#2B241D;

  /* --- Gold: the ONLY accent. Actions, prices, rules, italic emphasis. ---- */
  --gold-100:#F6EEDD;
  --gold-200:#EADFC4;
  --gold-300:#DCC79B;
  --gold-400:#C9A96A;
  --gold-500:#B4934F;
  --gold-600:#96773D;

  /* --- Pastels: section washes and product surfaces. Never actions. ------- */
  --blush-100:#FCF0EC;
  --blush-200:#F5DED6;
  --blush-300:#E8C4B7;
  --powder-100:#EFF4F7;
  --powder-200:#DCE6EC;
  --powder-300:#C2D2DB;
  --butter-100:#FCF6E6;
  --butter-200:#F7EDD3;
  --butter-300:#EEDCAF;
  --clay-100:#F7E9E1;
  --clay-200:#EBCFC0;
  --clay-400:#C97F5F;
  --clay-500:#A9613F;

  /* --- Semantic status: desaturated, warm ------------------------------- */
  --success-500:#6E8C63;
  --success-100:#E9EFE4;
  --warning-500:#B4934F;
  --warning-100:#F7EEDA;
  --danger-500:#A9613F;
  --danger-100:#F7E9E1;
  --info-500:#6E8494;
  --info-100:#EBF0F4;

  /* --- Surfaces ---------------------------------------------------------- */
  --surface-page:var(--cream-100);
  --surface-raised:var(--cream-50);
  --surface-card:var(--cream-50);
  --surface-sunken:var(--cream-200);
  --surface-tint:var(--cream-300);
  --surface-accent:var(--gold-100);
  --surface-blush:var(--blush-100);
  --surface-powder:var(--powder-100);
  --surface-butter:var(--butter-100);
  --surface-footer:var(--ink-900);
  --surface-overlay:rgba(43,36,29,.5);
  --surface-glass:rgba(251,248,243,.82);

  /* --- Text -------------------------------------------------------------- */
  --text-display:var(--ink-800);
  --text-body:var(--ink-700);
  --text-muted:var(--taupe-700);
  --text-subtle:var(--taupe-600);
  --text-accent:var(--gold-500);
  --text-script:var(--clay-400);
  --text-on-dark:var(--cream-100);
  --text-on-dark-muted:rgba(251,248,243,.62);
  --text-on-dark-accent:var(--gold-300);
  --text-on-gold:var(--ink-900);
  --text-danger:var(--danger-500);

  /* --- Lines ------------------------------------------------------------- */
  --line-hairline:rgba(54,46,38,.1);
  --line-default:var(--cream-300);
  --line-strong:var(--sand-500);
  --line-accent:var(--gold-400);
  --line-inverse:rgba(251,248,243,.2);

  /* --- Interactive ------------------------------------------------------- */
  --action-gold:var(--gold-400);
  --action-gold-hover:var(--gold-500);
  --action-ink:var(--ink-800);
  --action-ink-hover:var(--ink-700);
  --focus-ring:var(--gold-400);

  /* --- Gradients & washes ----------------------------------------------- */
  --gradient-cream:linear-gradient(180deg,var(--cream-50) 0%,var(--cream-200) 100%);
  --gradient-hero:linear-gradient(170deg,var(--cream-100) 0%,var(--blush-100) 48%,var(--butter-100) 100%);
  --gradient-gold:linear-gradient(100deg,var(--gold-300) 0%,var(--gold-400) 50%,var(--gold-300) 100%);
  --gradient-protect:linear-gradient(180deg,rgba(43,36,29,0) 0%,rgba(43,36,29,.5) 100%); /* @kind color */
}

:root{
  --font-display:"Cormorant Garamond",'Times New Roman',serif;
  --font-sans:"Jost",'Helvetica Neue',sans-serif;
  --font-script:"Caveat",'Segoe Script',cursive;

  /* Display — Cormorant Garamond. The ITALIC leads: headlines are set italic,
     with the roman used for the supporting word. Light weights only. */
  --size-display-xl:clamp(52px,7.4vw,112px);
  --size-display-lg:clamp(38px,5vw,72px);
  --size-display-md:38px;
  --size-display-sm:26px;
  --lh-display:1.04; /* @kind other */
  --tracking-display:0.005em; /* @kind other */

  /* Handwritten accent — margin notes, signatures, one phrase per section. */
  --size-script-lg:34px;
  --size-script-md:24px;
  --lh-script:1.25; /* @kind other */

  /* Body — Jost 300, generous leading, 62ch measure. */
  --size-body-lg:18px;
  --size-body-md:15px;
  --size-body-sm:13px;
  --size-caption:11px;
  --lh-body:1.78; /* @kind other */
  --lh-tight:1.45; /* @kind other */

  /* Tracked uppercase labels — nav, buttons, eyebrows, captions. */
  --size-label-lg:13px;
  --size-label-md:11px;
  --size-label-sm:10px;
  --tracking-label:0.18em; /* @kind other */
  --tracking-label-wide:0.3em; /* @kind other */

  --weight-extralight:200; /* @kind other */
  --weight-light:300; /* @kind other */
  --weight-regular:400; /* @kind other */
  --weight-medium:500; /* @kind other */

  --text-h1-font:var(--font-display);
  --text-h1-size:var(--size-display-lg);
  --text-eyebrow-size:var(--size-label-md);
  --text-eyebrow-tracking:var(--tracking-label-wide); /* @kind other */
  --text-nav-size:var(--size-label-md);
  --text-nav-tracking:var(--tracking-label); /* @kind other */
  --text-button-size:var(--size-label-md);
  --text-button-tracking:var(--tracking-label); /* @kind other */
}

:root{
  --space-0:0;
  --space-1:4px;
  --space-2:8px;
  --space-3:12px;
  --space-4:16px;
  --space-5:20px;
  --space-6:24px;
  --space-8:32px;
  --space-10:40px;
  --space-12:48px;
  --space-16:64px;
  --space-20:80px;
  --space-24:96px;
  --space-32:128px;

  /* Semantic rhythm */
  --gutter-page:clamp(20px,5vw,72px); /* @kind spacing */
  --section-y:var(--space-24);
  --section-y-tight:var(--space-16);
  --stack-tight:var(--space-2);
  --stack-default:var(--space-4);
  --stack-loose:var(--space-8);
  --card-padding:var(--space-6);
  --card-padding-lg:var(--space-10);
  --control-height:46px;
  --control-height-sm:36px;
  --control-padding-x:var(--space-6);
  --max-width-content:1240px; /* @kind spacing */
  --max-width-prose:62ch; /* @kind spacing */
}

:root{
  /* Softly rounded: nothing is sharp, nothing is a hard pill except tags. */
  --radius-none:0;
  --radius-xs:4px;
  --radius-sm:8px;
  --radius-md:12px;
  --radius-lg:18px;
  --radius-xl:28px;
  --radius-pill:999px;
  /* Arch: the close-crop portrait / feature tile motif. */
  --radius-arch:999px 999px 18px 18px;

  --radius-button:var(--radius-pill);
  --radius-input:var(--radius-md);
  --radius-card:var(--radius-lg);
  --radius-tile:var(--radius-md);
  --radius-chip:var(--radius-pill);
  --radius-modal:var(--radius-lg);
  --radius-image:var(--radius-lg);

  --border-width-hairline:1px;
  --border-width-strong:1.5px;
}

:root{
  /* Soft, warm, wide-spread shadows — the cream canvas can carry more of them
     than the old dark ground could. Hairlines still lead on flat surfaces. */
  --shadow-none:none; /* @kind shadow */
  --shadow-xs:0 1px 3px rgba(54,46,38,.05);
  --shadow-sm:0 4px 14px -4px rgba(54,46,38,.08);
  --shadow-md:0 14px 34px -14px rgba(54,46,38,.14);
  --shadow-lg:0 30px 70px -28px rgba(54,46,38,.2);
  --shadow-modal:0 44px 100px -34px rgba(43,36,29,.32);
  --shadow-inset-line:inset 0 -1px 0 var(--line-default);
  --ring-focus:0 0 0 1px var(--cream-50),0 0 0 3px var(--focus-ring);
  --blur-glass:blur(18px); /* @kind other */
}

:root{
  --ease-standard:cubic-bezier(.32,.72,.24,1); /* @kind other */
  --ease-out-soft:cubic-bezier(.16,1,.3,1); /* @kind other */
  --ease-in-out:cubic-bezier(.5,0,.5,1); /* @kind other */
  --duration-instant:90ms; /* @kind other */
  --duration-fast:180ms; /* @kind other */
  --duration-base:280ms; /* @kind other */
  --duration-slow:460ms; /* @kind other */
  --duration-reveal:760ms; /* @kind other */
  --transition-control:all var(--duration-fast) var(--ease-standard); /* @kind other */
  --transition-surface:all var(--duration-base) var(--ease-out-soft); /* @kind other */
  --lift-hover:translateY(-3px); /* @kind other */
  --press-scale:scale(.985); /* @kind other */
  --image-zoom:scale(1.05); /* @kind other */
}