/* LUCHE — VAN TO GO · Color tokens
   Flag palette: Bayani Blue / Lakas Red / Araw Gold / Pearl White / Dagat Navy */
:root {
  /* ── Base palette ── */
  --bayani-blue: #0038A8;
  --lakas-red: #CE1126;
  --araw-gold: #FCD116;
  --pearl-white: #F8F6F0;
  --dagat-navy: #1A2B52;

  /* Tints & shades (derived, stay close to flag hues) */
  --blue-700: #002B82;        /* pressed / hover on primary */
  --blue-300: #4A72C8;        /* secondary strokes on dark */
  --blue-050: #E9EFFA;        /* washes, selected rows */
  --red-700: #A60D1F;         /* pressed / hover on CTA */
  --red-050: #FBE9EC;         /* alert washes */
  --gold-600: #DDB606;        /* gold on light bg (text-safe-ish chips) */
  --gold-050: #FEF8DC;        /* highlight washes */
  --navy-900: #111D3B;        /* deepest footer / overlays */
  --navy-600: #44506E;        /* secondary text */
  --navy-400: #7B849C;        /* muted text, placeholders */

  /* Warm neutrals keyed to Pearl White */
  --paper: #FFFFFF;
  --line: #E5E1D4;            /* hairlines on pearl */
  --line-strong: #CFc9B8;

  /* ── Semantic aliases ── */
  --surface-page: var(--pearl-white);
  --surface-card: var(--paper);
  --surface-dark: var(--dagat-navy);
  --surface-wash: var(--blue-050);

  --text-heading: var(--bayani-blue);
  --text-body: var(--dagat-navy);
  --text-secondary: var(--navy-600);
  --text-muted: var(--navy-400);
  --text-on-dark: var(--pearl-white);
  --text-on-primary: #FFFFFF;

  --action-primary: var(--bayani-blue);
  --action-primary-hover: var(--blue-700);
  --action-cta: var(--lakas-red);
  --action-cta-hover: var(--red-700);
  --accent-highlight: var(--araw-gold);

  --border-default: var(--line);
  --border-highlight: var(--araw-gold);
  --focus-ring: var(--araw-gold);
}