/* ============================================================
   Planeta 4x4 — Color tokens
   Brand palette extracted from the official logo artwork:
     #0b1e13  near-black forest green   (R11  G30  B19)
     #113b22  deep expedition green     (R17  G59  B34)
     #fe5100  trail orange              (accent)
   Neutrals are warm/stone to support real photography and
   generous negative space. Keep the ink dark green, not pure black.
   ============================================================ */
:root {
  /* ---- Brand greens ---- */
  --green-950: #0b1e13; /* near-black, primary dark surface */
  --green-900: #113b22; /* deep green, secondary dark surface */
  --green-800: #17492b;
  --green-700: #1d5a35; /* derived — hover on dark green */
  --green-600: #256b40;
  --green-500: #2f855180;/* not used directly; see semantic */

  /* ---- Trail orange (accent) ---- */
  --orange-700: #c43e00; /* pressed */
  --orange-600: #e04800; /* hover */
  --orange-500: #fe5100; /* brand accent */
  --orange-400: #ff7736; /* tint on dark */
  --orange-100: #ffe6d8; /* wash */

  /* ---- Warm neutrals (paper / stone) ---- */
  --paper:      #f6f4ef; /* primary light surface, warm off-white */
  --sand-100:   #efece4;
  --stone-200:  #e2ddd3;
  --stone-300:  #cdc7bb;
  --stone-400:  #a8a294;
  --stone-500:  #7d786c; /* muted text on light */
  --stone-600:  #575349;
  --white:      #ffffff;

  /* ---- Feedback (kept quiet, brand-aligned) ---- */
  --success: #2f8551;
  --warning: #d98a00;
  --danger:  #c0392b;

  /* ================= Semantic aliases ================= */
  /* Surfaces */
  --surface-base:    var(--paper);   /* default page */
  --surface-raised:  var(--white);   /* cards on light */
  --surface-sand:    var(--sand-100);/* subtle sections */
  --surface-dark:    var(--green-950);/* hero / dark sections */
  --surface-deep:    var(--green-900);/* dark cards / bands */

  /* Text */
  --text-primary:    var(--green-950);
  --text-secondary:  var(--stone-600);
  --text-muted:      var(--stone-500);
  --text-inverse:    var(--paper);
  --text-on-dark-muted: #a9b5ac;
  --text-accent:     var(--orange-500);

  /* Accent / interactive */
  --accent:          var(--orange-500);
  --accent-hover:    var(--orange-600);
  --accent-active:   var(--orange-700);
  --accent-contrast: var(--white);

  /* Borders / dividers */
  --border-subtle:   var(--stone-200);
  --border-default:  var(--stone-300);
  --border-strong:   var(--green-950);
  --border-on-dark:  #23422f;

  /* Focus ring */
  --focus-ring: var(--orange-500);
}