/* ============================================================
   Gibran Hanna — Color tokens
   Palette: Azul Nocturno Profundo (deep night blue) + Ouro Imperial
   (imperial gold). Renaissance observatory / editorial luxury.
   ============================================================ */
:root {
  /* ---- Azul Nocturno Profundo (primary background blue) ---- */
  --blue-night: #0A1633;       /* cor principal — fundo */
  --blue-night-900: #081124;
  --blue-night-700: #102248;
  --blue-night-600: #142D5C;

  /* ---- Azul Petróleo Escuro (petrol blue, surfaces) ---- */
  --blue-petrol: #12284A;
  --blue-petrol-600: #1A3157;
  --blue-petrol-800: #0F223D;

  /* ---- Preto Azulado (blued black, deepest backgrounds) ---- */
  --black-blued: #050B17;
  --black-blued-700: #070E1A;
  --black-blued-900: #030912;

  /* ---- Ouro Imperial Brilhante (imperial gold — graphic elements) ---- */
  --gold: #F0AE3C;             /* cor principal dos elementos gráficos */
  --gold-deep: #D98F2E;
  --gold-bright: #FFC65C;
  --gold-soft: #F4C572;

  /* ---- Ouro Luminoso (luminous gold — glows & light effects) ---- */
  --gold-lumen: #F7C877;
  --gold-lumen-200: #FFD98A;
  --gold-lumen-100: #FFE9BE;
  --gold-lumen-50: #FFF3D6;

  /* ---- Neutrals derived from the palette ---- */
  --ink: #050B17;
  --parchment: #FFF7D1;

  /* ============================================================
     Semantic aliases
     ============================================================ */
  --surface-base:    var(--blue-night);        /* page background */
  --surface-deep:    var(--black-blued);        /* deepest sections */
  --surface-card:    var(--blue-petrol);        /* raised cards */
  --surface-card-2:  var(--blue-petrol-600);    /* alt / hover card */
  --surface-inset:   var(--blue-night-900);     /* wells, inputs */

  --text-primary:    var(--gold);               /* headlines on dark */
  --text-heading:    var(--gold);
  --text-body:       var(--gold-lumen-100);     /* running text, warm parchment */
  --text-muted:      color-mix(in srgb, var(--gold-lumen-100) 62%, var(--blue-night));
  --text-on-gold:    var(--blue-night);         /* text over gold fills */

  --accent:          var(--gold);               /* primary accent */
  --accent-strong:   var(--gold-deep);
  --highlight:       var(--gold-lumen);         /* destaques */
  --glow:            var(--gold-lumen-100);     /* brilhos */
  --zodiac-line:     var(--gold);               /* linhas zodiacais */

  --border-hairline: color-mix(in srgb, var(--gold) 22%, transparent);
  --border-gold:     var(--gold);
  --border-subtle:   color-mix(in srgb, var(--gold-lumen-100) 14%, transparent);

  --focus-ring:      color-mix(in srgb, var(--gold) 55%, transparent);

  /* status (kept within the warm/celestial range) */
  --success: #6FBF8E;
  --danger:  #E0726A;
  --info:    var(--gold-lumen);
}