/* ============================================================
   RMV — "Reconstruindo Gigantes"
   Design tokens — visual direction: MERIDIANO
   ============================================================ */

/* ---- Raw palette ---- */
:root {
  --black:        #0C0D0F;
  --graphite-900: #121519;
  --graphite-800: #181C21;
  --graphite-700: #20252B;
  --graphite-600: #2A3036;
  --steel-600:    #343B43;
  --steel-500:    #434B54;
  --steel-400:    #5C656E;
  --metal-300:    #8A929B;
  --metal-200:    #AEB6BE;
  --silver-100:   #D7DBDF;
  --paper:        #ECEDEF;
  --paper-2:      #E2E4E7;
  --white:        #F6F7F8;

  --yellow:       #F7B500;
  --yellow-700:   #C99300;
  --yellow-300:   #FFD24D;
  --orange:       #FF5C16;
  --orange-700:   #D8480A;

  --ok:           #46B26B;

  /* Static spacing / shape scale */
  --maxw: 1280px;
  --gutter: clamp(20px, 5vw, 64px);
  --shadow-1: 0 1px 2px rgba(0,0,0,.4);
  --shadow-2: 0 10px 30px -12px rgba(0,0,0,.6);
  --shadow-3: 0 30px 70px -24px rgba(0,0,0,.7);

  /* Type families (both load) */
  --font-saira: "Saira Condensed", "Arial Narrow", sans-serif;
  --font-archivo: "Archivo", system-ui, sans-serif;
  --font-body: "Barlow", system-ui, sans-serif;
  --font-mono: "IBM Plex Mono", ui-monospace, monospace;
}

/* ============================================================
   DIRECTION: MERIDIANO  (modern industrial — lighter, airier)
   ============================================================ */
html[data-direction="meridiano"] {
  --bg:           var(--graphite-900);
  --bg-2:         #14181C;
  --bg-3:         var(--graphite-800);
  --surface:      var(--graphite-800);
  --surface-2:    var(--graphite-700);
  --on-surface:   var(--white);
  --text:         var(--white);
  --text-dim:     var(--metal-200);
  --text-mute:    var(--metal-300);
  --border:       rgba(255,255,255,.09);
  --border-strong:rgba(255,255,255,.16);

  --accent:       var(--yellow);
  --accent-700:   var(--yellow-700);
  --accent-ink:   #1A1400;
  --accent-2:     var(--orange);

  --radius:       6px;
  --radius-lg:    10px;

  --font-display: var(--font-archivo);
  --display-transform: none;
  --display-spacing: -0.015em;
  --display-weight: 800;
  --display-line: 0.98;

  /* MERIDIANO flips “paper” sections to genuine light steel */
  --paper-bg:     var(--paper);
  --paper-text:   var(--graphite-900);
  --paper-dim:    var(--steel-500);
  --paper-border: rgba(18,21,25,.12);
  --paper-surface:#FFFFFF;

  --hazard-opacity: 0;
  --plate-opacity: 0;
}

/* ---- Direction-driven helpers ---- */
.display {
  font-family: var(--font-display);
  text-transform: var(--display-transform);
  letter-spacing: var(--display-spacing);
  font-weight: var(--display-weight);
  line-height: var(--display-line);
}