/* ============================================================
   Mareas del Sur — Color Tokens
   Corporate palette (Brandbook): a warm + cool combination.
     · Azul petróleo oscuro  #104055  (deep petroleum blue)
     · Beige dorado          #D5BF8A  (golden beige)
   Plus negative/positive (white/black) and a derived
   support scale for real interface work.
   ============================================================ */

:root {
  /* ---- Brand core (exact brandbook values) ---- */
  --mds-blue: #104055;          /* azul petróleo oscuro — primary */
  --mds-gold: #d5bf8a;          /* beige dorado — secondary       */
  --mds-white: #ffffff;         /* positivo                       */
  --mds-black: #11181c;         /* near-black for ink             */

  /* ---- Blue scale (petroleum) ---- */
  --mds-blue-900: #0a2c3b;
  --mds-blue-800: #0d3849;
  --mds-blue-700: #104055;      /* = brand blue */
  --mds-blue-600: #1a5570;
  --mds-blue-500: #266b89;
  --mds-blue-400: #4d8aa3;
  --mds-blue-300: #84b0c2;
  --mds-blue-200: #bcd5df;
  --mds-blue-100: #e2edf1;
  --mds-blue-50:  #f1f6f8;

  /* ---- Gold / sand scale ---- */
  --mds-gold-900: #8a7440;
  --mds-gold-800: #a98f55;
  --mds-gold-700: #c0a66a;
  --mds-gold-600: #cbb27a;
  --mds-gold-500: #d5bf8a;      /* = brand gold */
  --mds-gold-400: #ddca9e;
  --mds-gold-300: #e6d6b4;
  --mds-gold-200: #efe4cd;
  --mds-gold-100: #f6f0e3;
  --mds-gold-50:  #fbf8f1;

  /* ---- Warm neutral (sand grays) ---- */
  --mds-sand-50:  #faf8f4;
  --mds-sand-100: #f3efe8;
  --mds-sand-200: #e7e0d4;
  --mds-sand-300: #d2c9ba;
  --mds-sand-400: #ab9f8d;
  --mds-sand-500: #7e7464;
  --mds-sand-600: #5d5547;
  --mds-sand-700: #423c33;
  --mds-sand-800: #2a2620;
  --mds-sand-900: #1a1813;

  /* ---- Functional / status ---- */
  --mds-success: #3f7d5b;
  --mds-success-soft: #e6f0ea;
  --mds-warning: #c08a2e;
  --mds-warning-soft: #f8efdc;
  --mds-danger:  #b3463c;
  --mds-danger-soft: #f6e5e3;
  --mds-info: var(--mds-blue-600);
  --mds-info-soft: var(--mds-blue-100);

  /* ============================================================
     Semantic aliases — reference these in components
     ============================================================ */

  /* Surfaces */
  --surface-page: var(--mds-sand-50);
  --surface-card: var(--mds-white);
  --surface-raised: var(--mds-white);
  --surface-sunken: var(--mds-sand-100);
  --surface-inverse: var(--mds-blue-700);
  --surface-brand: var(--mds-blue-700);
  --surface-brand-soft: var(--mds-blue-50);
  --surface-accent: var(--mds-gold-500);
  --surface-accent-soft: var(--mds-gold-100);

  /* Text */
  --text-strong: var(--mds-blue-900);
  --text-body: var(--mds-sand-700);
  --text-muted: var(--mds-sand-500);
  --text-subtle: var(--mds-sand-400);
  --text-on-brand: var(--mds-white);
  --text-on-accent: var(--mds-blue-900);
  --text-brand: var(--mds-blue-700);
  --text-accent: var(--mds-gold-900);
  --text-link: var(--mds-blue-600);

  /* Borders / lines */
  --border-subtle: var(--mds-sand-200);
  --border-default: var(--mds-sand-300);
  --border-strong: var(--mds-blue-700);
  --border-accent: var(--mds-gold-500);
  --ring-focus: color-mix(in srgb, var(--mds-blue-600) 45%, transparent);

  /* Interactive — primary (blue) */
  --action-primary: var(--mds-blue-700);
  --action-primary-hover: var(--mds-blue-800);
  --action-primary-active: var(--mds-blue-900);
  --action-primary-text: var(--mds-white);

  /* Interactive — accent (gold) */
  --action-accent: var(--mds-gold-500);
  --action-accent-hover: var(--mds-gold-600);
  --action-accent-active: var(--mds-gold-700);
  --action-accent-text: var(--mds-blue-900);
}