/* ÓPERA ARTE — Color tokens
   Warm, earthy palette over a predominantly dark base.
   Base: preto / branco / verde-petróleo. Support: creme, dourado, terracota.
   A gold→copper gradient supports dividers ("fios") and fine details. */

:root {
  /* ---- Raw brand colors ---- */
  --oa-black:       #000000;
  --oa-white:       #FFFFFF;
  --oa-petrol:      #315050; /* verde-petróleo — signature */
  --oa-cream:       #FBEBD7; /* bege / creme */
  --oa-gold:        #DBA621; /* dourado */
  --oa-terracotta:  #9A582E; /* terracota */
  --oa-verde-mata:  #A7BC1E; /* verde da mata — vibrant lime accent, used on drinks panels */

  /* ---- Petrol scale (dark, warm-cool greens derived from #315050) ---- */
  --oa-petrol-900:  #0B1413;
  --oa-petrol-800:  #112120;
  --oa-petrol-700:  #1A302E;
  --oa-petrol-600:  #25433F;
  --oa-petrol-500:  #315050;
  --oa-petrol-400:  #466B6A;
  --oa-petrol-300:  #6E8E8C;

  /* ---- Gold → copper gradient stops (support degradê) ---- */
  --oa-copper-900:  #5B1E16;
  --oa-copper-700:  #945020;
  --oa-copper-600:  #A05A16;
  --oa-gold-500:    #DBA621;
  --oa-gold-400:    #CF9C50;
  --oa-sand-300:    #DBBA93;
  --oa-champagne-100: #FFF2C0;

  /* The signature divider / detail gradient ("fio dourado-acobreado") */
  --oa-gradient-gold: linear-gradient(
    90deg,
    #5B1E16 0%,
    #945020 22%,
    #CF9C50 46%,
    #FFF2C0 60%,
    #DBBA93 78%,
    #A05A16 100%
  ); /* @kind other */
  --oa-gradient-gold-soft: linear-gradient(
    90deg,
    rgba(91,30,22,0)   0%,
    #945020 20%,
    #CF9C50 46%,
    #FFF2C0 58%,
    #DBBA93 80%,
    rgba(160,90,22,0)  100%
  ); /* @kind other */

  /* ---- Semantic: surfaces ---- */
  --bg:               var(--oa-black);
  --surface-1:        var(--oa-petrol-900);  /* deep panel */
  --surface-2:        var(--oa-petrol-800);  /* card on dark */
  --surface-3:        var(--oa-petrol-700);  /* raised / hover */
  --surface-petrol:   var(--oa-petrol-500);  /* feature blocks */
  --surface-cream:    var(--oa-cream);       /* inverted light blocks (menu panels) */
  --surface-lime:     var(--oa-verde-mata);  /* drinks / playful accent panels */

  /* ---- Semantic: text ---- */
  --text-primary:     var(--oa-cream);       /* headings on dark */
  --text-body:        #E7D9C7;               /* body on dark, softened cream */
  --text-muted:       rgba(251,235,215,0.62);
  --text-faint:       rgba(251,235,215,0.40);
  --text-on-light:    var(--oa-petrol-900);  /* on cream surfaces */
  --text-on-light-muted: rgba(11,20,19,0.64);
  --text-gold:        var(--oa-gold);

  /* ---- Semantic: accents ---- */
  --accent-gold:      var(--oa-gold);
  --accent-gold-soft: var(--oa-gold-400);
  --accent-terracotta:var(--oa-terracotta);
  --accent-petrol:    var(--oa-petrol-500);
  --accent-lime:      var(--oa-verde-mata);
  --text-on-cream:    var(--oa-petrol-900);  /* dark text on cream menu panels */
  --text-on-lime:     #1A2400;               /* deep green-black text on lime panels */

  /* ---- Semantic: lines & borders ---- */
  --line-hairline:    rgba(219,166,33,0.28); /* gold hairline */
  --line-soft:        rgba(251,235,215,0.14);
  --line-on-light:    rgba(11,20,19,0.16);

  /* ---- Status (kept earthy, used sparingly) ---- */
  --status-success:   #6E8E5A;
  --status-warning:   var(--oa-gold);
  --status-error:     #B4543B;
}