/* ============================================================
   Umoona Opal Mine — SURFACE / THEME RAMPS
   Three product surfaces share the palette but sit on different
   background ramps. Semantic aliases below let components read a
   single name (--surface-card, --text-body) per surface.

   The marketing shell additionally exposes a "descent" theme with
   three ramps (Deep Mine / Warm Dugout / Daylight). Deep Mine is
   the default and is declared here.
   ============================================================ */
:root {
  /* ---- MARKETING · Deep Mine ramp (default) ---- */
  --page-bg:       var(--sandstone);   /* light sandstone page */
  --deep-1:        #2a1c10;            /* section gradient top */
  --deep-2:        #1a1209;            /* section gradient bottom */
  --deep-fg:       #ffffff;
  --card-bg:       #221812;            /* card on dark section */
  --card-fg:       #ffffff;
  --card-muted:    rgba(255,255,255,.62);
  --card-border:   rgba(255,255,255,.09);
  --panel-bg:      var(--charcoal);    /* split intro panel */
  --panel-fg:      #ffffff;
  --panel-muted:   rgba(255,255,255,.68);
  --test-bg:       #120c07;            /* testimonial band */
  --cta-bg:        #0d0805;            /* ticket CTA band */
  --foot-bg:       #080502;            /* footer, deepest */
  --eyebrow:       var(--amber);

  /* ---- ADMIN · warm-paper ramp ---- */
  --adm-bg:        var(--paper);       /* #efe9df */
  --adm-side:      var(--charcoal-2);  /* #1c140d sidebar */
  --adm-card:      #ffffff;
  --adm-border:    var(--line);        /* #e5dfd3 */
  --adm-divider:   var(--line-soft);   /* #f0ece3 table rows */
  --adm-text:      var(--ink);         /* #2a2018 */
  --adm-muted:     var(--stone-mute);  /* #9a958c */
  --adm-primary:   var(--mine-teal);   /* teal active/CTA */

  /* ---- APP · dark "dugout" ramp ---- */
  --app-bg:        #0a0705;            /* base (range #0A0705–#12100E) */
  --app-bg-2:      #12100e;
  --app-card:      rgba(255,255,255,.05);   /* .04–.06 */
  --app-card-2:    rgba(255,255,255,.04);
  --app-border:    rgba(255,255,255,.12);   /* .08–.14 */
  --app-fg:        #ffffff;
  --app-muted:     rgba(255,255,255,.62);   /* .55–.72 */
  --app-positive:  #5FE0BC;                 /* positive teal */
}

/* ------------------------------------------------------------
   MARKETING "descent" alternates — apply on a wrapper element.
   ------------------------------------------------------------ */
[data-descent="warm-dugout"] {
  --deep-1:#3a2717; --deep-2:#241811; --card-bg:#2c1f16;
  --card-border:rgba(255,255,255,.1); --test-bg:#1c130c;
  --cta-bg:#160e08; --foot-bg:#100a06; --panel-bg:#241811;
}
[data-descent="daylight"] {
  --deep-1:#f2ebdc; --deep-2:#e7dcc8; --deep-fg:#2a2018;
  --card-bg:#ffffff; --card-fg:#2a2018; --card-muted:#6b665e;
  --card-border:#e5dfd3; --test-bg:#efe7d8; --cta-bg:#2a1c10;
  --panel-bg:#ffffff; --panel-fg:#2a2018; --panel-muted:#6b665e;
  --eyebrow:#b9642f;
}

/* ------------------------------------------------------------
   ACCENT alternates — recolour --accent across any surface.
   ------------------------------------------------------------ */
[data-accent="ocean"]     { --accent:var(--ocean-blue);       --accent-ink:#fff; }
[data-accent="teal"]      { --accent:var(--mine-teal);        --accent-ink:#fff; }
[data-accent="terracotta"]{ --accent:var(--terracotta);       --accent-ink:#fff; }