/* Genussexpress design tokens (bundled) */
:root{
  /* Ink / dark surfaces (brand side) */
  --ink-900:#0f0e0d;      /* footer / announcement */
  --ink-850:#100f0e;      /* header / hero base */
  --ink-800:#13110f;      /* dark section base */
  --ink-750:#161310;      /* alt dark section */
  --ink-700:#1d1a17;      /* dark card surface */
  --ink-border:#201d19;   /* hairline on ink */
  --ink-border-strong:#34302c; /* card border on ink */

  /* Paper / light surfaces (shop side) */
  --paper:#f7f4f0;        /* page background */
  --surface:#ffffff;      /* light card */
  --surface-sunken:#fbf8f4;
  --paper-border:#e2dad2; /* light card border */
  --paper-border-soft:#ece4da;
  --paper-hairline:#f1ece6;

  /* Gold — primary accent / CTAs / sale / cart */
  --gold:#ae9069;         /* primary accent / buttons */
  --gold-hover:#c6a97d;   /* hover / light-on-dark text */
  --gold-bright:#dfc9ab;  /* on very dark chips */
  --gold-deep:#96764f;    /* links / labels on paper */
  --brown:#4c3222;        /* badge bg, deep accent */

  /* Logo blue — wishlist + Neu accents */
  --logo-blue:#b1d0e6;
  --logo-blue-ink:#1a2a36; /* dark text on blue */
  --logo-blue-deep:#7fa9c4; /* hover / stroke */

  /* Text */
  --text-strong:#171513;  /* headings/body on paper */
  --text:#4a453f;         /* long-form body */
  --text-muted:#625d58;   /* secondary */
  --text-faint:#938c85;   /* meta / captions */
  --text-invert:#f8f5f1;  /* on ink */
  --text-invert-muted:#b7b0a8;
  --text-invert-faint:#8a837b;

  /* Status */
  --ok:#4f8a5b;           /* in stock */
  --sale:#7a2e2a;         /* sale price */

  /* Semantic aliases */
  --bg-page:var(--paper);
  --bg-brand:var(--ink-850);
  --surface-card:var(--surface);
  --border-card:var(--paper-border);
  --accent:var(--gold);
  --accent-ink:#13110f;   /* text/icon on gold fill */
  --link:var(--gold-deep);
  --link-hover:var(--gold);
}
:root{
  --font-display:'Cormorant Garamond', Georgia, serif; /* headlines */
  --font-body:'Inter', system-ui, sans-serif;          /* UI + copy */
  --font-script:'Great Vibes', cursive;                /* rare accent (est. year, flourish) */

  /* Display / serif sizes */
  --fs-hero:70px;         /* hero H1 (desktop) */
  --fs-h1:46px;
  --fs-h2:40px;
  --fs-h3:26px;
  --fs-quote:22px;

  /* Body / UI sizes */
  --fs-lg:18px;
  --fs-md:16px;
  --fs-base:15px;
  --fs-sm:14px;
  --fs-xs:13px;
  --fs-2xs:12px;          /* overlines / meta */

  --lh-tight:1.05;        /* display */
  --lh-snug:1.35;
  --lh-body:1.6;
  --lh-loose:1.75;        /* long-form paragraphs */

  --tracking-overline:.16em; /* uppercase labels */
  --tracking-tight:-.02em;   /* large serif */
  --weight-reg:400; --weight-med:500; --weight-semi:600; --weight-bold:700;
}
:root{
  --space-1:4px; --space-2:8px; --space-3:12px; --space-4:16px;
  --space-5:22px; --space-6:26px; --space-7:32px; --space-8:44px;
  --space-9:56px; --space-10:64px;

  --section-pad-y:88px;      /* standard section rhythm (desktop) */
  --section-pad-y-mobile:56px;
  --container-max:1360px;    /* content max width */
  --container-pad:40px;      /* desktop gutter */
  --container-pad-mobile:20px;

  /* Radii */
  --r-sm:8px; --r-md:10px; --r-lg:12px; --r-xl:16px; --r-pill:999px;

  /* Control heights */
  --control-h:52px; --control-h-sm:44px; --tap-min:44px;
}
:root{
  /* Elevation (on paper) */
  --shadow-card:0 8px 30px rgba(20,15,10,.08);
  --shadow-card-hover:0 16px 40px rgba(20,15,10,.10);
  --shadow-pop:0 24px 60px rgba(9,8,7,.28);   /* menus / overlays */
  --shadow-float:0 24px 60px -20px rgba(0,0,0,.7); /* floating glass card */
  --shadow-gold:0 10px 30px -8px rgba(174,144,105,.5); /* primary button glow */

  /* Liquid glass — translucent panel with gold edge */
  --glass-bg:linear-gradient(135deg, rgba(255,255,255,.16), rgba(255,255,255,.05));
  --glass-bg-ink:rgba(18,16,13,.6);
  --glass-blur:blur(16px) saturate(1.3);
  --glass-border:1px solid rgba(230,220,205,.16);
  --glass-border-gold:1px solid rgba(198,169,125,.6);
  --glass-sheen:inset 0 1px 0 rgba(255,255,255,.28);

  /* Ivory product-photo placeholder */
  --photo-placeholder:radial-gradient(120% 100% at 50% 12%, #fbf8f4 0%, #efe8df 58%, #e6ddd2 100%);
  /* Warm diagonal weave overlay (dark editorial imagery) */
  --weave:repeating-linear-gradient(135deg, rgba(174,144,105,.05) 0 12px, transparent 12px 24px);

  /* Motion */
  --ease-out:cubic-bezier(.2,.8,.2,1);
  --dur-fast:.18s; --dur-mid:.28s; --dur-slow:.6s;
  --hover-lift:translateY(-2px);
}