/* ============================================================
   Kroma Living — Colour tokens ("Paleta kromática")
   Source: Kroma Brand Book 2026 (p.14) + Paleta de colores Kroma.ase
   ============================================================ */

:root {
  /* ---- Brand palette (named colours) ---- */
  --kroma-petroleo:  #1d1c3b; /* Azul Petróleo — deep ink navy, the anchor */
  --kroma-bruma:     #a7cbe3; /* Azul Bruma — mist blue */
  --kroma-lavanda:   #9a8dc3; /* Lavanda */
  --kroma-malva:     #c98eaa; /* Malva Empolvado — dusty mauve */
  --kroma-miel:      #e0a35c; /* Miel — honey */
  --kroma-terracota: #e8764b; /* Terracota */
  --kroma-calma:     #f5f1ea; /* Blanco Calma — warm off-white */
  --kroma-blanco:    #ffffff;

  /* ---- Signature gradient (sky → lavender → mauve → terracotta) ---- */
  --kroma-gradient: linear-gradient(105deg,
    var(--kroma-bruma) 0%,
    var(--kroma-lavanda) 34%,
    var(--kroma-malva) 62%,
    var(--kroma-terracota) 100%);
  --kroma-gradient-soft: linear-gradient(105deg,
    #cbe0ee 0%, #cfc6e2 33%, #e3c3d1 63%, #f2c0a6 100%); /* @kind color */
  --kroma-gradient-radial: radial-gradient(120% 120% at 15% 20%,
    var(--kroma-bruma) 0%, var(--kroma-lavanda) 40%,
    var(--kroma-malva) 68%, var(--kroma-terracota) 100%);

  /* ---- Petrol tint scale (derived from --kroma-petroleo) ---- */
  --petroleo-900: #14132a;
  --petroleo-800: #1d1c3b;
  --petroleo-700: #2c2a52;
  --petroleo-600: #423f6e;
  --petroleo-500: #5d5989;
  --petroleo-400: #837fa5;
  --petroleo-300: #aba8c3;
  --petroleo-200: #d2d0e0;
  --petroleo-100: #e9e8f0;

  /* ---- Warm neutrals (built on Blanco Calma) ---- */
  --calma-50:  #faf8f4;
  --calma-100: #f5f1ea;
  --calma-200: #ece6db;
  --calma-300: #ddd5c7;
  --calma-400: #c3b9a8;
}