/* PremierFlowers — Colour system
   "Тёплая премиальность": warm espresso darks, cream, restrained gold.
   All darks carry a warm (brown/olive) undertone — never pure neutral black.
   Whites/creams are warm and low-saturation. Gold is the single accent. */
:root {
  /* ---- Base: warm dark ground ---------------------------------- */
  --pf-ink-900: #14110D;   /* deepest espresso — page ground, hero */
  --pf-ink-800: #1C1813;   /* primary dark surface */
  --pf-ink-700: #262019;   /* raised surface / card on dark */
  --pf-ink-600: #322A20;   /* hairline-lifted surface, inputs */
  --pf-ink-500: #40372B;   /* borders on dark, dividers */

  /* ---- Cream: warm light ground -------------------------------- */
  --pf-cream-050: #FBF6EC; /* lightest — light-mode page ground */
  --pf-cream-100: #F3EBDB; /* primary cream — text on dark, cards */
  --pf-cream-200: #E7DAC2; /* soft cream / muted panels */
  --pf-cream-300: #D2C4A8; /* secondary text on dark */

  /* ---- Gold: the single accent --------------------------------- */
  --pf-gold-soft: #E0C98A; /* highlight, top-edge sheen, hover text */
  --pf-gold:      #C9A961; /* brand gold — accents, key CTAs, headings */
  --pf-gold-deep: #A8823F; /* pressed / borders / gold text on cream */
  --pf-gold-tint: rgba(201,169,97,0.12); /* washes, hover fills */
  --pf-gold-line: rgba(201,169,97,0.24); /* hairline gold rules on dark */

  /* ---- Support (used sparingly, kept in the gold's L/C register) */
  --pf-sage:  oklch(0.62 0.045 150); /* stems / "in stock" positive */
  --pf-clay:  oklch(0.62 0.045 40);  /* soft warning / low stock */
  --pf-rose:  oklch(0.62 0.045 20);  /* error / remove */

  /* ================= SEMANTIC ALIASES (use these) ================ */
  /* Surfaces */
  --surface-page:      var(--pf-ink-900);
  --surface-base:      var(--pf-ink-800);
  --surface-card:      var(--pf-ink-700);
  --surface-raised:    var(--pf-ink-600);
  --surface-cream:     var(--pf-cream-050);

  /* Text on dark */
  --text-primary:      var(--pf-cream-100);
  --text-secondary:    var(--pf-cream-300);
  --text-muted:        rgba(243,235,219,0.55);
  --text-gold:         var(--pf-gold);
  /* Text on cream */
  --text-on-cream:     var(--pf-ink-800);
  --text-on-cream-mut: rgba(28,24,19,0.60);

  /* Lines & accent */
  --border-hairline:   var(--pf-ink-500);
  --border-gold:       var(--pf-gold-line);
  --accent:            var(--pf-gold);
  --accent-hover:      var(--pf-gold-soft);
  --accent-press:      var(--pf-gold-deep);

  /* Status */
  --status-positive:   var(--pf-sage);
  --status-warning:    var(--pf-clay);
  --status-error:      var(--pf-rose);
}
/* PremierFlowers — Typography
   Forum (display) sets the elegant, premium voice in headings & numerals.
   Golos Text carries all running copy and UI. Generous tracking on Forum
   caps; comfortable line-height on body. */
:root {
  --font-display: 'Forum', 'Cormorant Garamond', Georgia, serif;
  --font-body:    'Golos Text', 'PT Sans', system-ui, sans-serif;
  --font-mono:    'Spline Sans Mono', ui-monospace, 'JetBrains Mono', monospace;

  /* Type scale (rem, 16px base) — display uses the larger end */
  --fs-display-1: 4.5rem;   /* 72 — hero */
  --fs-display-2: 3.25rem;  /* 52 — page title */
  --fs-h1:        2.5rem;    /* 40 */
  --fs-h2:        1.875rem;  /* 30 */
  --fs-h3:        1.375rem;  /* 22 */
  --fs-body-lg:   1.125rem;  /* 18 */
  --fs-body:      1rem;      /* 16 */
  --fs-body-sm:   0.875rem;  /* 14 */
  --fs-caption:   0.75rem;   /* 12 */
  --fs-overline:  0.6875rem; /* 11 — letter-spaced labels */

  --lh-tight:  1.08;   /* display */
  --lh-snug:   1.25;   /* headings */
  --lh-normal: 1.6;    /* body */
  --lh-relaxed:1.75;   /* long-form */

  /* Tracking */
  --tracking-display:  -0.01em;
  --tracking-body:      0em;
  --tracking-overline:  0.22em;  /* uppercase eyebrows */
  --tracking-caps:      0.06em;
}
/* PremierFlowers — Spacing & layout grid
   8px base rhythm. Generous whitespace is a premium signal — prefer the
   larger step when unsure. Layout is a 12-column grid, 1200px max content,
   gutters that breathe. */
:root {
  /* 8px spacing scale */
  --sp-1:  4px;
  --sp-2:  8px;
  --sp-3:  12px;
  --sp-4:  16px;
  --sp-5:  24px;
  --sp-6:  32px;
  --sp-7:  48px;
  --sp-8:  64px;
  --sp-9:  96px;
  --sp-10: 128px;

  /* Layout grid */
  --grid-columns: 12;
  --grid-gutter:  24px;      /* space between columns */
  --grid-margin:  clamp(20px, 6vw, 80px); /* page side margins */
  --content-max:  1200px;    /* standard content width */
  --content-narrow: 720px;   /* long-form reading width */

  /* Section rhythm */
  --section-y:      var(--sp-9);   /* vertical space between major sections */
  --section-y-lg:   var(--sp-10);
  --block-gap:      var(--sp-6);   /* gap between blocks in a section */
}
/* PremierFlowers — Effects: radii, borders, shadows, motion
   Restraint is the rule. Small, soft radii. Hairline borders (often gold).
   Shadows are deep and warm, never gray. Motion is slow and calm. */
:root {
  /* Corner radii — small & refined, never bubbly */
  --radius-xs: 2px;
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-pill: 999px;
  --radius-card: var(--radius-md);

  /* Borders */
  --border-w: 1px;
  --border-w-accent: 1px;

  /* Shadows — warm, deep, low-spread. Cards float quietly. */
  --shadow-sm: 0 1px 2px rgba(10,8,5,0.40);
  --shadow-md: 0 8px 24px rgba(10,8,5,0.45);
  --shadow-lg: 0 24px 60px rgba(8,6,4,0.55);
  --shadow-gold-glow: 0 0 0 1px var(--pf-gold-line), 0 8px 30px rgba(201,169,97,0.10);

  /* Top-edge gold sheen used on premium cards/buttons */
  --sheen-gold: inset 0 1px 0 rgba(224,201,138,0.35);

  /* Motion — slow, dignified */
  --ease-standard: cubic-bezier(0.22, 0.61, 0.36, 1);
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --dur-fast: 160ms;
  --dur-base: 260ms;
  --dur-slow: 420ms;
}