/* ============================================================
   WhyRomania · Color tokens
   Earthy, natural, restrained. Carpathian forest green is the
   signature accent — used sparingly, never as a flood.
   ============================================================ */

:root {
  /* --- Brand green (Carpathian forest) --- */
  --green-900: #163a2b;   /* deepest — dense pine shadow */
  --green-800: #1f4d38;
  --green-700: #2e6b4f;   /* ★ signature accent */
  --green-600: #37805e;
  --green-500: #468f6c;
  --green-300: #8bb8a3;   /* soft moss */
  --green-100: #dde9e2;   /* pale wash */
  --green-050: #eef4f0;   /* faintest tint */

  /* --- Ink (neutral warm-grey ramp) --- */
  --ink-900: #1e1e1e;     /* ★ primary text */
  --ink-700: #3a3a38;
  --ink-500: #6b6b6b;     /* ★ muted text */
  --ink-400: #8f8d87;
  --ink-300: #b8b4aa;
  --ink-200: #ded8cc;     /* hairline on sand */
  --ink-100: #ece7dc;

  /* --- Sand (warm surface family) --- */
  --sand-deep: #e8e1d2;   /* pressed / active sand */
  --sand-500:  #f3efe6;   /* ★ warm sand surface */
  --sand-light:#faf7f0;   /* raised sand card */
  --white:     #ffffff;

  /* --- Support / status (muted, earthy) --- */
  --amber:  #b8802e;      /* warm highlight, "featured", stars */
  --clay:   #a24e34;      /* error / sold-out, terracotta */
  --sky:    #3f6f8f;      /* info, water/coast accent */

  /* ============================================================
     Semantic aliases — reference these in product code.
     ============================================================ */

  /* Text */
  --text-body:      var(--ink-900);
  --text-muted:     var(--ink-500);
  --text-faint:     var(--ink-400);
  --text-accent:    var(--green-700);
  --text-on-dark:   var(--white);
  --text-on-dark-muted: rgba(255, 255, 255, 0.72);

  /* Surfaces */
  --surface-page:   var(--white);
  --surface-warm:   var(--sand-500);
  --surface-card:   var(--white);
  --surface-raised: var(--sand-light);
  --surface-inverse:var(--green-900);

  /* Lines & borders */
  --border-hairline: var(--ink-200);
  --border-strong:   var(--ink-300);
  --border-on-dark:  rgba(255, 255, 255, 0.28);

  /* Accent roles */
  --accent:          var(--green-700);
  --accent-hover:    var(--green-800);
  --accent-press:    var(--green-900);
  --accent-wash:     var(--green-050);

  /* Glass / frosted surfaces layered over imagery */
  --glass-light:     rgba(255, 255, 255, 0.14);
  --glass-light-hi:  rgba(255, 255, 255, 0.22);
  --glass-dark:      rgba(20, 26, 22, 0.34);
  --glass-border:    rgba(255, 255, 255, 0.30);

  /* Image protection gradients (over full-bleed photo/video) */
  --scrim-bottom: linear-gradient(to top, rgba(14,20,16,0.78) 0%, rgba(14,20,16,0.30) 42%, rgba(14,20,16,0) 78%); /* @kind other */
  --scrim-full:   linear-gradient(to top, rgba(14,20,16,0.72) 0%, rgba(14,20,16,0.18) 55%, rgba(14,20,16,0.34) 100%); /* @kind other */
}