/* ===========================================================================
   NOVA Desarrollos — Color tokens
   ---------------------------------------------------------------------------
   Foundation: "neutros elegantes + acentos modernos."
   Manual de Marca core: black, white, light-gray, mid-gray + a golden accent.
   Comms brief extension: arena (sand), gris, blanco, verde oliva, azul profundo.
   =========================================================================== */

:root {
  /* --- Ink & neutrals (warm-leaning, editorial) ----------------------- */
  --ink-900: #0E0E0D;   /* near-black, primary text & logo                */
  --ink-800: #1C1C1A;
  --ink-700: #3A3A37;
  --ink-600: #57564F;
  --ink-500: #74726A;   /* mid gray (manual K40)                          */
  --ink-400: #9A988F;
  --ink-300: #BFBCB2;
  --ink-200: #DEDBD2;
  --ink-100: #EFEDE6;   /* light gray (manual K5)                         */
  --ink-50:  #F7F5EF;   /* paper / off-white                              */
  --white:   #FFFFFF;
  --black:   #000000;

  /* --- Arena / Sand (warm neutral accent family) ---------------------- */
  --sand-700: #8A7B5E;
  --sand-600: #A8966F;
  --sand-500: #C2B083;   /* arena base                                    */
  --sand-400: #D6C8A4;
  --sand-300: #E6DCC4;
  --sand-200: #F0E9DA;
  --sand-100: #F7F2E8;

  /* --- Oro / Gold (Manual de Marca signature accent, CMYK 3/13/78/0) -- */
  --gold-700: #B89A1F;
  --gold-600: #D8B62E;   /* text-safe gold on light                       */
  --gold-500: #F2D544;   /* brand gold                                    */
  --gold-400: #F6E075;
  --gold-300: #FAEBA6;

  /* --- Verde Oliva (secondary accent) --------------------------------- */
  --olive-700: #4C5235;
  --olive-600: #646B45;
  --olive-500: #7C8458;   /* olive base                                   */
  --olive-400: #9BA178;
  --olive-300: #C0C4A4;
  --olive-100: #EAECDF;

  /* --- Azul Profundo (secondary accent) ------------------------------- */
  --blue-800: #14233D;
  --blue-700: #1B2F52;   /* deep blue base                                */
  --blue-600: #2A4373;
  --blue-500: #3C5A94;
  --blue-300: #93A8C9;
  --blue-100: #E1E7F0;

  /* --- Functional / status ------------------------------------------- */
  --success-500: #5C8A52;
  --success-100: #E6EFE2;
  --warning-500: #C9962C;
  --warning-100: #F8EFD7;
  --danger-500:  #B0452F;
  --danger-100:  #F4E2DC;
  --info-500:    #3C5A94;
  --info-100:    #E1E7F0;

  /* =====================================================================
     Semantic aliases — reference these in product code, not raw scales.
     ===================================================================== */

  /* Surfaces */
  --surface-page:      var(--ink-50);
  --surface-card:      var(--white);
  --surface-raised:    var(--white);
  --surface-sunken:    var(--ink-100);
  --surface-inverse:   var(--ink-900);
  --surface-sand:      var(--sand-100);

  /* Text */
  --text-strong:    var(--ink-900);
  --text-body:      var(--ink-700);
  --text-muted:     var(--ink-500);
  --text-subtle:    var(--ink-400);
  --text-inverse:   var(--ink-50);
  --text-on-accent: var(--ink-900);
  --text-link:      var(--blue-600);

  /* Brand */
  --brand-accent:        var(--gold-500);
  --brand-accent-strong: var(--gold-600);
  --brand-olive:         var(--olive-500);
  --brand-blue:          var(--blue-700);

  /* Borders & lines */
  --border-subtle:  var(--ink-200);
  --border-default: var(--ink-300);
  --border-strong:  var(--ink-900);
  --border-accent:  var(--gold-500);

  /* Interaction */
  --focus-ring:     var(--blue-500);
  --selection-bg:   var(--gold-300);
}