/* ============================================================
   PRECISION ORGANICS — DESIGN TOKENS
   Editorial Paper palette · Playfair Display + EB Garamond + Inter
   ============================================================ */

:root {
  /* Palette — brand locked */
  --paper:              #F4EDDC;   /* cream */
  --paper-surface:      #EDE3CC;   /* surface */
  --ink:                #0B1A14;   /* deep forest */
  --ink-soft:           #5C5445;   /* muted ink */
  --gold:               #B8935E;   /* warm gold accent */
  --gold-hover:         #9C7842;
  --hairline:           #C9B98E;   /* thin rule */
  --positive:           #3E6B3E;
  --negative:           #9A3A2E;
  --paper-tint:         #FBF5E5;

  /* Shadows — tone matched to warm cream */
  --shadow-sm: 0 1px 2px rgba(11,26,20,0.06);
  --shadow-md: 0 12px 28px rgba(11,26,20,0.08);
  --shadow-lg: 0 24px 60px rgba(11,26,20,0.12);

  /* Type */
  --font-display: 'Playfair Display', Georgia, 'Times New Roman', serif;
  --font-italic:  'EB Garamond', Georgia, serif;
  --font-body:    'Inter', -apple-system, BlinkMacSystemFont, 'Helvetica Neue', sans-serif;

  /* Type scale — editorial */
  --text-xs:   clamp(0.72rem, 0.68rem + 0.18vw, 0.82rem);
  --text-sm:   clamp(0.82rem, 0.78rem + 0.22vw, 0.92rem);
  --text-base: clamp(1rem, 0.95rem + 0.2vw, 1.08rem);
  --text-lg:   clamp(1.12rem, 1rem + 0.5vw, 1.32rem);
  --text-xl:   clamp(1.5rem, 1.2rem + 1.2vw, 2.1rem);
  --text-2xl:  clamp(2rem, 1.4rem + 2.4vw, 3.4rem);
  --text-3xl:  clamp(2.8rem, 1.5rem + 4vw, 5rem);
  --text-hero: clamp(3.4rem, 1rem + 7vw, 8.2rem);

  /* Spacing — 4px base */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.25rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --space-10: 2.5rem;
  --space-12: 3rem;
  --space-16: 4rem;
  --space-20: 5rem;
  --space-24: 6rem;
  --space-32: 8rem;

  /* Layout */
  --content-narrow: 640px;
  --content-default: 960px;
  --content-wide: 1200px;
  --content-xwide: 1360px;

  --radius-sm: 2px;
  --radius-md: 4px;
  --radius-lg: 6px;

  --transition: 260ms cubic-bezier(0.16, 1, 0.3, 1);
}