/* ═══════════════════════════════════════════════════════════
   OMA × VinFast — Design Tokens
   Doc: OMA-VAL-001 · Version 0.1 · 28 Apr 2026
═══════════════════════════════════════════════════════════ */

:root {

  /* ── Core Palette ──────────────────────────────────────── */
  --oma-graphite:      #1A1A1A;   /* Foundation · 60% */
  --oma-white:         #FFFFFF;   /* Contrast · canvas */
  --oma-lime:          #D4FF3A;   /* Signature · 10% only */
  --oma-warm-grey:     #8B8B88;   /* Support · captions */

  /* ── Extended Palette ─────────────────────────────────── */
  --oma-off-black:     #0F0F0F;
  --oma-soft-charcoal: #2A2A2A;
  --oma-cool-grey:     #F5F5F5;
  --oma-mid-grey:      #C4C4C4;
  --oma-lime-glow:     #E8FF7A;
  --oma-deep-lime:     #A8CC2E;

  /* ── Partnership / B2B Accent ─────────────────────────── */
  --oma-electric-blue: #1FB6FF;
  --oma-steel-blue:    #5A7A8C;

  /* ── Type Families ────────────────────────────────────── */
  --oma-display: 'Geist', 'Inter', sans-serif;
  --oma-body:    'Inter', sans-serif;
  --oma-mono:    'JetBrains Mono', monospace;

  /* ── Spacing Scale ────────────────────────────────────── */
  --sp-4:   4px;
  --sp-8:   8px;
  --sp-12:  12px;
  --sp-16:  16px;
  --sp-24:  24px;
  --sp-32:  32px;
  --sp-48:  48px;
  --sp-56:  56px;
  --sp-64:  64px;
  --sp-80:  80px;
  --sp-96:  96px;
  --sp-120: 120px;

  /* ── Border radius ────────────────────────────────────── */
  --r-sm:   4px;
  --r-md:   8px;
  --r-lg:   16px;

  /* ── Transitions ──────────────────────────────────────── */
  --ease-standard: 0.28s cubic-bezier(0.4, 0, 0.2, 1);
  --ease-enter:    0.22s cubic-bezier(0, 0, 0.2, 1);
  --ease-exit:     0.18s cubic-bezier(0.4, 0, 1, 1);

  /* ── Shadows ──────────────────────────────────────────── */
  --shadow-sm:  0 1px 4px rgba(26,26,26,.08);
  --shadow-md:  0 4px 16px rgba(26,26,26,.12);
  --shadow-lg:  0 8px 32px rgba(26,26,26,.18);
  --shadow-xl:  0 16px 64px rgba(26,26,26,.22);
}