/* ============================================================
   VLF 2026 · THEME OVERRIDE — tím royal + vàng gold (§10)
   Ốp SAU shared/theme.css để giữ scale (spacing/radius/shadow)
   nhưng thay palette + role màu sang brand VLF.
   ============================================================ */
:root{
  /* ─── palette tím · chuẩn brand Legends Tour ─── */
  --vlf-purple-900:#1F0D26;
  --vlf-purple-800:#31153D;   /* deep · header · pressed */
  --vlf-purple-700:#522367;   /* ⭐ PRIMARY brand (#522367) */
  --vlf-purple-600:#5E2A76;
  --vlf-purple-500:#6B3486;
  --vlf-purple-300:#A77FBC;
  --vlf-purple-100:#EAE0F0;
  --vlf-purple-50:#F6F1F9;

  /* ─── palette vàng gold ─── */
  --vlf-gold-700:#9A7A2E;
  --vlf-gold-600:#B98F38;
  --vlf-gold-500:#C9A24B;
  --vlf-gold-300:#E8CE8B;
  --vlf-gold-100:#F7EDCF;

  /* ─── neutral charcoal · chuẩn brand (không ấm) ─── */
  --vlf-ink-900:#232323;   /* body text */
  --vlf-ink-700:#3E3E3E;   /* charcoal · secondary brand */
  --vlf-ink-500:#7A7A7A;
  --vlf-bg:#F2F2F2;        /* app background */
  --vlf-paper:#FFFFFF;
  --vlf-line:#E2E2E2;
  --vlf-sunk:#EDEDED;

  /* golf score */
  --vlf-under:#C0392B;   /* dưới par (tốt) — đỏ TV golf */
  --vlf-over:#3B2F44;    /* trên par */
  --vlf-even:#6E6376;

  /* ─── ghi đè role token của shared/theme.css ─── */
  --jade-900:var(--vlf-purple-900);
  --jade-800:var(--vlf-purple-800);
  --jade-700:var(--vlf-purple-700);
  --jade-600:var(--vlf-purple-600);
  --jade-500:var(--vlf-purple-500);
  --jade-100:var(--vlf-purple-100);
  --jade-50:var(--vlf-purple-50);
  --gold-700:var(--vlf-gold-700);
  --gold-500:var(--vlf-gold-500);
  --gold-300:var(--vlf-gold-300);
  --ivory-50:var(--vlf-bg);
  --paper:var(--vlf-paper);
  --ink-900:var(--vlf-ink-900);
  --ink-700:var(--vlf-ink-700);
  --ink-600:var(--vlf-ink-700);
  --stone-500:var(--vlf-ink-500);
  --stone-200:var(--vlf-line);
  --stone-100:var(--vlf-sunk);
  --glass:rgba(242,242,242,.92);
  --color-bg:var(--vlf-bg);
  --color-primary:var(--vlf-purple-700);
  --color-accent:var(--vlf-gold-500);

  --shadow-sm:0 2px 12px rgba(31,13,38,.07);
  --shadow-md:0 8px 28px rgba(31,13,38,.12);
  --shadow-lg:0 14px 44px rgba(31,13,38,.20);
  --shadow-btn:0 6px 18px rgba(82,35,103,.30);

  /* fonts: Be Vietnam Pro làm chữ chính (thân thiện, dễ đọc, chuẩn dấu VI);
     Playfair Display chỉ dành cho khoảnh khắc thương hiệu (wordmark · hero · số lớn) */
  --font-display:var(--font-sans);
  --font-sans:'Be Vietnam Pro',-apple-system,BlinkMacSystemFont,'Segoe UI',system-ui,sans-serif;
  --font-serif:var(--font-sans);   /* một font duy nhất — Be Vietnam Pro cho toàn app */
  --font-mono:ui-monospace,SFMono-Regular,Menlo,monospace;
}