/* ============================================================
   Design tokens — vraciulsilvestru.ro
   Earth-tone palette for older Romanian audience (60+).
   High contrast, large fonts, generous spacing.
   ============================================================ */

:root {
  /* COLORS — earth, warm, ancestral */
  --bg:           #FAF5EB;  /* cream */
  --bg-elev:     #FFFFFF;  /* card surface */
  --bg-soft:     #F2EAD8;  /* subtle section divider */
  --ink:         #2A2520;  /* main text — deep walnut */
  --ink-soft:    #5C4F40;  /* secondary text */
  --ink-faint:   #8A7A66;  /* hints, small print */
  --line:        #E0D4BD;  /* dividers */

  --green:       #3A5A40;  /* deep forest — PRIMARY brand */
  --green-dark:  #283D2C;  /* button hover, dark accents */
  --green-soft:  #6F8C72;  /* secondary green tint */

  --amber:       #C68B3C;  /* warm gold accent */
  --amber-dark:  #A06B22;  /* amber on hover */
  --amber-soft:  #EFD9B5;  /* gold tinted background */

  --red:         #A6422C;  /* warning / urgency */
  --red-soft:    #F5E0D8;

  --success:     #4F7A4A;

  /* TYPE — serif heading + sans body */
  --font-serif:  'Cormorant Garamond', Georgia, 'Times New Roman', serif;
  --font-sans:   'Inter', -apple-system, 'Segoe UI', Roboto, sans-serif;

  --fs-tiny:    14px;
  --fs-small:   16px;
  --fs-base:    19px;   /* generous base for older eyes */
  --fs-lg:      22px;
  --fs-xl:      28px;
  --fs-2xl:     36px;
  --fs-3xl:     48px;
  --fs-hero:    64px;

  --lh-tight:   1.15;
  --lh-snug:    1.35;
  --lh-base:    1.7;    /* generous body line-height */
  --lh-loose:   1.85;

  /* SPACING — generous on purpose */
  --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;

  /* RADIUS — soft */
  --r-sm: 8px;
  --r-md: 14px;
  --r-lg: 20px;
  --r-pill: 999px;

  /* SHADOW — subtle */
  --shadow-sm:  0 1px 3px rgba(42, 37, 32, 0.06), 0 1px 2px rgba(42, 37, 32, 0.04);
  --shadow-md:  0 4px 12px rgba(42, 37, 32, 0.08), 0 2px 4px rgba(42, 37, 32, 0.04);
  --shadow-lg:  0 12px 28px rgba(42, 37, 32, 0.12), 0 4px 8px rgba(42, 37, 32, 0.06);
  --shadow-cta: 0 8px 24px rgba(58, 90, 64, 0.28), 0 2px 6px rgba(58, 90, 64, 0.18);

  /* LAYOUT */
  --maxw-text:   640px;   /* readable line length */
  --maxw-page:   1080px;
  --maxw-narrow: 760px;

  /* FOCUS — always visible */
  --focus-ring:  3px solid #C68B3C;
  --focus-off:   2px;

  /* TIMING */
  --t-fast: 150ms;
  --t-mid:  240ms;
}

/* Dark mode kept off-limits intentionally — older audience does best with
   a single, predictable light cream theme. */