/* ==========================================================================
   Ékszerbe Foglalt Idő — design tokenek
   Forrás: _ds/kszerbe-foglalt-id-design-system/tokens/*.css (változatlan értékek)
   ========================================================================== */

:root{
  /* --- colors.css ---------------------------------------------------- */
  /* Neutral warm scale — the taupe/ivory core of the brand */
  --stone-0:#fcfdf5;   /* ivory, section canvas */
  --stone-1:#f4f2e9;   /* ivory shade */
  --stone-2:#e6e3d8;
  --stone-3:#d3cec1;
  --stone-4:#ccc4b7;   /* product band taupe */
  --stone-5:#b5aea4;   /* hero taupe */
  --stone-6:#8f887d;
  --stone-7:#5e594f;
  --stone-8:#33302a;
  --stone-9:#090502;   /* near-black, buttons & body copy */

  /* Metals — jewellery accents, used sparingly */
  --gold-1:#e8d6ab;
  --gold-2:#c9a24a;
  --gold-3:#9c7a2f;
  --pearl:#fffdf7;

  /* Semantic surfaces */
  --surface-page:#e1e5e4;
  --surface-canvas:var(--stone-0);
  --surface-taupe:var(--stone-5);
  --surface-taupe-soft:var(--stone-4);
  --surface-card:var(--stone-1);
  --surface-ink:var(--stone-9);
  --surface-overlay:rgba(9,5,2,.55);

  /* Semantic text */
  --text-body:var(--stone-9);
  --text-muted:var(--stone-7);
  --text-on-taupe:var(--stone-0);
  --text-on-taupe-muted:rgba(252,253,245,.72);
  --text-on-ink:var(--stone-0);
  --text-display-light:var(--stone-0);
  --text-display-taupe:#bab2a5;
  --text-accent:var(--gold-2);

  /* Lines */
  --line-hairline:rgba(9,5,2,.14);
  --line-hairline-light:rgba(252,253,245,.34);
  --line-strong:var(--stone-9);

  /* --- typography.css ------------------------------------------------ */
  --font-display:"Playfair Display",'Times New Roman',serif;   /* wordmark & big headings */
  --font-serif:"Cormorant Garamond",'Times New Roman',serif;    /* eyebrows, small caps, prices */
  --font-sans:"Jost",'Helvetica Neue',Arial,sans-serif;         /* body, UI, buttons */

  --text-hero:clamp(56px,11vw,168px);
  --text-display-1:clamp(44px,7vw,104px);
  --text-display-2:clamp(34px,5vw,72px);
  --text-display-3:32px;

  --text-eyebrow:13px;
  --text-label:15px;
  --text-label-lg:20px;

  --text-xs:11px;
  --text-sm:13px;
  --text-base:15px;
  --text-lg:17px;

  --leading-display:.92;
  --leading-heading:1.08;
  --leading-body:1.65;
  --leading-ui:1.2;

  --tracking-display:.02em;
  --tracking-caps:.18em;
  --tracking-caps-wide:.3em;
  --tracking-body:0em;
  --tracking-ui:.1em;

  --weight-display:500;
  --weight-serif:400;
  --weight-body:300;
  --weight-ui:400;

  /* --- spacing.css --------------------------------------------------- */
  --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;

  --gutter:clamp(20px,5vw,72px);
  --section-y:clamp(56px,9vw,140px);
  --measure:34ch;
  --max-page:1440px;

  --radius-0:0px;
  --radius-1:2px;
  --radius-2:4px;
  --radius-pill:999px;
  --radius-arch:140px 140px 0 0;
  --border-hairline:1px;

  /* --- elevation.css ------------------------------------------------- */
  --shadow-none:none;
  --shadow-pill:0 1px 2px rgba(9,5,2,.18);
  --shadow-raised:0 10px 30px -12px rgba(9,5,2,.28);
  --shadow-drawer:-24px 0 60px -20px rgba(9,5,2,.35);
  --shadow-inset-hairline:inset 0 -1px 0 var(--line-hairline);

  --scrim-bottom:linear-gradient(to top,rgba(9,5,2,.5),rgba(9,5,2,0) 62%);
  --scrim-taupe:linear-gradient(to right,rgba(181,174,164,.92),rgba(181,174,164,0));
  --blur-glass:blur(14px) saturate(1.05);

  /* --- motion.css ---------------------------------------------------- */
  --ease-standard:cubic-bezier(.22,.61,.36,1);
  --ease-out-soft:cubic-bezier(.16,.84,.44,1);
  --dur-fast:140ms;
  --dur-base:260ms;
  --dur-slow:520ms;
  --dur-reveal:900ms;
  --hover-lift:translateY(-1px);
  --press-scale:.985;
  --image-zoom:1.04;
}