/* ============================================================
   Dra. Anastácia Midori Hashimoto — GREEN & CREAM THEME
   Loaded AFTER styles.css. Re-points the Auravita semantic
   aliases (and the base scales components touch) to a forest-
   green + cream palette drawn from the AMH monogram.
   ============================================================ */
:root {
  /* ---- Green ramp (from the logo line) -------------------- */
  --green-900: #1F2A1B;
  --green-800: #2A3824;   /* deep — footer / dark panels      */
  --green-700: #3C4D34;   /* PRIMARY — buttons, mark, icon tile */
  --green-600: #4C6043;   /* display headlines on cream        */
  --green-500: #6E8463;   /* sage, hover-lighter               */
  --green-300: #A6B89B;   /* soft sage, on-dark muted text     */
  --green-200: #C9D6C0;   /* borders on green surfaces         */
  --green-100: #E7EEE1;
  --green-50:  #F1F5EC;   /* faint green wash / ghost hover    */

  /* ---- Warm sand accent (the cream paper warmth) ---------- */
  --sand-700: #8C7A52;
  --sand-500: #B49B6E;    /* ACCENT — secondary CTA, rings     */
  --sand-300: #D8C9A8;
  --sand-100: #EFE8D7;

  /* ---- Cream neutrals ------------------------------------- */
  --cream:     #F6F2E8;   /* page                              */
  --cream-deep:#EEE8D9;   /* alt section                       */
  --line:      #E2DDCC;   /* warm hairline                     */
  --line-soft: #ECE7D9;

  --ink-900: #20241B;     /* warm near-black green             */
  --ink-700: #34382E;     /* body                              */
  --ink-500: #6B6E61;     /* secondary                         */
  --ink-300: #97998C;

  /* ---- Decorative soft green gradient --------------------- */
  --grad-mist: linear-gradient(135deg, #E7EEE1 0%, #C9D6C0 55%, #A6B89B 100%);

  /* ============================================================
     SEMANTIC ALIASES — override Auravita's navy mapping
     ============================================================ */
  --bg-page:        var(--cream);
  --bg-alt:         var(--cream-deep);
  --bg-inverse:     var(--green-800);
  --paper:          var(--cream);
  --mist:           var(--cream-deep);
  --surface:        #FFFFFF;
  --surface-card:   #FFFFFF;
  --surface-sunken: var(--green-50);

  --text-display:   var(--green-600);
  --text-heading:   var(--ink-900);
  --text-body:      var(--ink-700);
  --text-muted:     var(--ink-500);
  --text-on-navy:   #F6F2E8;          /* "on dark" => cream    */
  --text-on-navy-muted: var(--green-300);

  --brand-primary:        var(--green-700);
  --brand-primary-hover:  var(--green-600);
  --brand-primary-press:  var(--green-800);
  --brand-accent:         var(--sand-500);
  --brand-accent-hover:   var(--sand-700);

  --border-default: var(--line);
  --border-strong:  var(--green-200);
  --ring-accent:    var(--sand-300);

  --link:        var(--green-600);
  --focus-ring:  #5E7A52;

  /* base scales the components reach for directly */
  --navy-900: var(--green-900);
  --navy-800: var(--green-800);
  --navy-700: var(--green-700);
  --navy-600: var(--green-600);
  --navy-500: var(--green-500);
  --navy-200: var(--green-200);
  --navy-100: var(--green-100);
  --navy-50:  var(--green-50);
  --taupe-700: var(--sand-700);
  --taupe-500: var(--sand-500);
  --taupe-300: var(--sand-300);
  --taupe-200: var(--sand-300);
  --taupe-100: var(--sand-100);

  /* green-tinted shadow ramp */
  --shadow-xs: 0 1px 2px rgba(31,42,27,0.06);
  --shadow-sm: 0 2px 8px rgba(31,42,27,0.08);
  --shadow-md: 0 10px 28px rgba(31,42,27,0.12);
  --shadow-lg: 0 22px 56px rgba(31,42,27,0.16);
  --shadow-card: 0 14px 40px rgba(42,56,36,0.12);
  --shadow-focus: 0 0 0 3px rgba(94,122,82,0.30);

  --success: #3C7D52;
  --info: var(--green-600);
}

body { background: var(--cream); }