/* ONEIROX DESIGN TOKENS */
:root {
  --onx-forest:       #3a4435;
  --onx-moss:         #566e58;
  --onx-sage:         #5c7a58;
  --onx-leaf:         #73a563;
  --onx-mist:         #9aaa90;
  --onx-canvas:       #cbd4c2;
  --onx-panel:        #b9c6ad;
  --onx-card:         #c4d8b4;
  --onx-glow:         #cfedaf;
  --onx-white:        #f8faf5;
  --onx-ink:          var(--onx-forest);
  --onx-ink-soft:     var(--onx-mist);
  --onx-cta:          var(--onx-moss);
  --onx-cta-hover:    #4a5e48;
  --onx-highlight:    var(--onx-sage);
  --onx-rem-deep:     #1a2848;
  --onx-rem-mid:      #2a4070;
  --onx-rem-glow:     #6090c8;
  --onx-ocean:        #266799;
  --onx-sky:          #3189cc;
  --onx-cyan:         #2194b8;
  --onx-teal:         #4dadb8;
  --onx-seafoam:      #82c2b5;
  --onx-emerald:      #268571;
  --onx-rose:         #c84040;
  --onx-ocean-soft:   rgba(38, 103, 153, 0.08);
  --onx-font-serif:   "Playfair Display", Georgia, serif;
  --onx-font-sans:    "Work Sans", -apple-system, BlinkMacSystemFont, sans-serif;
  --onx-max-width:    1200px;
  --onx-content-width: 900px;
  --onx-radius-lg:    28px;
  --onx-radius-md:    18px;
  --onx-radius-pill:  50px;
  --onx-shadow-card:  0 20px 60px rgba(58, 68, 53, 0.12);
  --onx-shadow-cta:   0 6px 20px rgba(86, 110, 88, 0.4);
}