/* ============================================================
   O GAÚCHO — COLOR TOKENS
   Muted antique gold + warm near-black. Elegant, not flashy.
   ============================================================ */
:root {
  /* —— Gold scale (muted / antique — "dorado no muy saturado") —— */
  --gold-pale:      #F4EACB; /* faint tint on light surfaces */
  --gold-100:       #ECDCAE;
  --gold-highlight: #EAD18A; /* metallic top sheen */
  --gold-light:     #D9BC70;
  --gold:           #C8A24E; /* PRIMARY brand gold */
  --gold-deep:      #A8812F;
  --gold-shadow:    #7E5F22; /* engraved shadow */
  --gold-ink:       #5A431A; /* gold text on light, max contrast */

  /* —— Warm near-black & ink —— */
  --black:    #0F0F0E; /* brand black (warm) */
  --ink-900:  #14120D;
  --ink-800:  #1C1A14;
  --ink-700:  #28241B;
  --ink-600:  #38332770; /* hairline on dark, w/ alpha */
  --ink-600s: #383327;

  /* —— Warm neutral stones —— */
  --stone-600: #57503F;
  --stone-500: #6E665A;
  --stone-400: #8C8475;
  --stone-300: #B6AF9E;
  --stone-200: #D9D3C4;
  --stone-100: #EBE6D9;

  /* —— Paper / light surfaces (warm cream) —— */
  --cream:  #F6F1E6;
  --paper:  #FBF8F1;
  --white:  #FFFFFF;

  /* —— Status (kept muted to respect the elegant palette) —— */
  --success: #5E7547;
  --warning: #B07A2A;
  --danger:  #9E3B2E;
  --info:    #4A5B66;

  /* —— Metallic gold gradient (engraved logo sheen) —— */
  --gradient-gold: linear-gradient(158deg, #F0DC9E 0%, #D6B768 30%, #C8A24E 48%, #9C7628 66%, #E3C880 100%); /* @kind color */
  --gradient-gold-soft: linear-gradient(180deg, #E0C57F 0%, #C8A24E 60%, #A8812F 100%); /* @kind color */

  /* ===========================================================
     SEMANTIC ALIASES  (use these in components)
     =========================================================== */
  /* Default theme = dark (brand-forward) */
  --bg:            var(--black);
  --surface:       var(--ink-900);
  --surface-raised:var(--ink-800);
  --surface-sunken:#0A0A09;

  --text:          var(--cream);
  --text-muted:    var(--stone-300);
  --text-subtle:   var(--stone-400);
  --text-on-gold:  var(--black);

  --accent:        var(--gold);
  --accent-hover:  var(--gold-light);
  --accent-press:  var(--gold-deep);
  --accent-text:   var(--gold);

  --border:        #C8A24E33;     /* gold hairline @ 20% */
  --border-strong: #C8A24E66;
  --border-neutral:#FFFFFF14;

  --focus-ring:    var(--gold-light);
}

/* —— Light theme scope (paper / menus / docs) —— */
.theme-light {
  --bg:            var(--cream);
  --surface:       var(--paper);
  --surface-raised:var(--white);
  --surface-sunken:#EFE9DB;

  --text:          var(--ink-900);
  --text-muted:    var(--stone-500);
  --text-subtle:   var(--stone-400);
  --text-on-gold:  var(--black);

  --accent:        var(--gold-deep);
  --accent-hover:  var(--gold);
  --accent-press:  var(--gold-shadow);
  --accent-text:   var(--gold-ink);

  --border:        #7E5F2233;
  --border-strong: #7E5F2255;
  --border-neutral:#0F0F0E14;
}