/* ============================================================
   Koala — Color tokens
   Source: Manual de Marca 2026 V2.0 (official).
   System: neutrals + Azul Eclipse dominate (70–80%);
   warm accents (Terracota / Bordeaux) used sparingly (≤20–30%).
   ============================================================ */

:root {
  /* --- PRIMARY · Azul Eclipse (institutional, headers, backgrounds) --- */
  --koala-azul-900: #232B3D;
  --koala-azul-700: #364260;
  --koala-azul-500: #455579;   /* Azul Eclipse — base */
  --koala-azul-300: #8A94AC;
  --koala-azul-100: #DDE1E9;

  /* --- ACCENT · Terracota (energy, appetite, fire, warmth) --- */
  --koala-terracota-700: #8A3A00;
  --koala-terracota-500: #BF5000;  /* Terracota — base */
  --koala-terracota-300: #E0863F;
  --koala-terracota-100: #F6E0CE;

  /* --- ACCENT · Bordeaux (depth, wine, sophistication) --- */
  --koala-bordeaux-700: #5C181C;
  --koala-bordeaux-500: #7C2126;  /* Bordeaux — base */
  --koala-bordeaux-300: #A85C60;
  --koala-bordeaux-100: #EBD6D7;

  /* --- BASE / ATMÓSFERA · warm neutrals (backgrounds, paper) --- */
  --koala-hueso: #F6F2EC;          /* lightened off-white surface */
  --koala-beige-claro: #EDE7DE;
  --koala-beige: #D5C6B8;          /* Beige Terracota (manual) */
  --koala-arena: #B19F8C;          /* Arena Suave (manual) */
  --koala-arena-oscura: #857A6C;
  --koala-marron: #46413A;
  --koala-tinta: #22201C;          /* warm near-black — text */

  --koala-white: #FFFFFF;
  --koala-black: #141310;

  /* --- Semantic status --- */
  --koala-success: #4A6B3C;
  --koala-warning: #BF5000;
  --koala-error: #7C2126;
  --koala-info: #455579;

  /* ============ Semantic aliases ============ */
  --brand-primary: var(--koala-azul-500);
  --brand-primary-hover: var(--koala-azul-700);
  --brand-accent: var(--koala-terracota-500);
  --brand-accent-hover: var(--koala-terracota-700);
  --brand-secondary: var(--koala-bordeaux-500);
  --brand-secondary-hover: var(--koala-bordeaux-700);

  --surface-page: var(--koala-hueso);
  --surface-card: var(--koala-white);
  --surface-muted: var(--koala-beige-claro);
  --surface-sunken: var(--koala-beige);
  --surface-inverse: var(--koala-azul-500);
  --surface-inverse-deep: var(--koala-azul-900);

  --text-strong: var(--koala-tinta);
  --text-body: var(--koala-marron);
  --text-muted: var(--koala-arena-oscura);
  --text-inverse: var(--koala-hueso);
  --text-on-accent: var(--koala-white);
  --text-brand: var(--koala-azul-500);

  --border-subtle: var(--koala-beige);
  --border-default: var(--koala-arena);
  --border-strong: var(--koala-arena-oscura);

  --focus-ring: var(--koala-azul-500);
}