/* ============================================================
   COLOR — Sistema Olinda
   Paper neutrals are constant. One accent palette is chosen per
   project; swap the --accent / --accent-soft aliases to retheme.
   ============================================================ */

:root {
  /* ---- Paper neutrals (constant across all projects) ---- */
  --paper:            #e7ddc4;   /* base page — cream, grained */
  --paper-light:      #f3ecda;   /* cards, raised surfaces */
  --paper-deep:       #d6c8a7;   /* sunk / footer wash */

  /* ---- Ink (text) ---- */
  --ink:              #241d12;   /* darkest — display headings */
  --ink-1:            #2b2418;   /* primary body / titles */
  --ink-2:            #4a3e29;   /* body text */
  --ink-3:            #5a4824;   /* muted body, nav links */
  --ink-4:            #6a5836;   /* captions */
  --ink-5:            #7a6743;   /* metadata, mono labels */
  --ink-faint:        #857150;   /* secondary italic detail */

  /* ---- Line / border (warm brown, used at low alpha) ---- */
  --line:             #786030;
  --line-soft:        rgba(120, 96, 48, 0.18);
  --line:             rgba(120, 96, 48, 0.22);
  --line-strong:      rgba(120, 96, 48, 0.40);

  /* ---- Accent palettes (deep + soft pairs) ---- */
  --sepia-deep:       #8a6d3b;   --sepia-soft:      #b79a64;  /* Sépia dourado — marca-mãe */
  --terracota-deep:   #9a5a3c;   --terracota-soft:  #c08664;  /* Terracota — calor */
  --ardosia-deep:     #4f6173;   --ardosia-soft:    #7c8ea0;  /* Azul-ardósia — oceano */
  --cana-deep:        #5f6b3c;   --cana-soft:       #909a66;  /* Verde-cana — mata */
  --carmim-deep:      #813a3f;   --carmim-soft:     #a86870;  /* Carmim — festa */
  --anil-deep:        #3f4a6b;   --anil-soft:       #6f7a9a;  /* Anil — noite */

  /* ---- Active accent (default = Sépia dourado, the marca-mãe) ---- */
  --accent:           var(--sepia-deep);
  --accent-soft:      var(--sepia-soft);

  /* ---- Paper-light surfaces (Present voice — break the page rhythm) ---- */
  --surf-ivory:       #faf6ec;   /* marfim — warmer than paper-light */
  --surf-white:       #ffffff;   /* branco puro — for crisp Present cards */

  /* ---- Slate surfaces (Future / corporate voice — dark institutional) ---- */
  --slate:            #4f6173;   /* ardósia — same hue as ardosia accent */
  --slate-panel:      #3c4a59;   /* ardósia card body */
  --slate-deep:       #3a4654;   /* ardósia profunda */
  --slate-deep-panel: #2f3946;   /* deep card body */
  --slate-charcoal:   #222b35;   /* carvão noturno */
  --slate-charcoal-panel: #1c242c;
  --on-slate:         #f3ecda;   /* paper-light text on slate */
  --on-slate-muted:   #9fb0bf;   /* muted cool text on slate */
  --on-slate-faint:   #7c8ea0;   /* faint mono labels on slate */
  --line-on-slate:    rgba(243, 236, 218, 0.14);  /* hairline on dark slate */

  /* ---- Semantic surface / text aliases ---- */
  --surface-page:     var(--paper);
  --surface-card:     rgba(243, 236, 218, 0.60);   /* translucent panel on paper */
  --surface-raised:   var(--paper-light);
  --surface-nav:      rgba(231, 221, 196, 0.82);    /* sticky nav, blurred */

  --text-display:     var(--ink);
  --text-title:       var(--ink-1);
  --text-body:        var(--ink-2);
  --text-muted:       var(--ink-4);
  --text-meta:        var(--ink-5);
  --text-on-accent:   var(--paper-light);

  --border-hairline:  var(--line-soft);
  --border-default:   var(--line);
  --border-strong:    var(--line-strong);
}

/* ---- Theme scopes: set one of these on a container to repaint
        every component beneath it without touching JS. ---- */
[data-accent="sepia"]     { --accent: var(--sepia-deep);     --accent-soft: var(--sepia-soft); }
[data-accent="terracota"] { --accent: var(--terracota-deep); --accent-soft: var(--terracota-soft); }
[data-accent="ardosia"]   { --accent: var(--ardosia-deep);   --accent-soft: var(--ardosia-soft); }
[data-accent="cana"]      { --accent: var(--cana-deep);      --accent-soft: var(--cana-soft); }
[data-accent="carmim"]    { --accent: var(--carmim-deep);    --accent-soft: var(--carmim-soft); }
[data-accent="anil"]      { --accent: var(--anil-deep);      --accent-soft: var(--anil-soft); }