/**
 * Lammitna design tokens — web mirror of lib/theme/design_tokens.dart.
 *
 * These two files are a *manual mirror*: there is no codegen between them.
 * When a brand color changes:
 *   1. Edit `lib/theme/design_tokens.dart`
 *   2. Edit this file (same hex)
 *   3. Bump the version comment below so reviewers notice the drift check
 *
 * Why this file exists:
 *   - The public event share page (/e/{id}) is server-rendered Blade —
 *     it needs to look identical to the in-app share card without
 *     duplicating raw hex codes inside every Blade template.
 *   - Future public pages (vendor profiles, vendor catalog, landing) use
 *     the same tokens by linking this file once.
 *
 * Version: 2026-05-04
 */

:root {
    /* ── Brand · Gold foil ─────────────────────────────────────────── */
    --m-gold-deep:  #7A5810;
    --m-gold:       #C9961C;
    --m-gold-light: #E8C852;
    --m-gold-pale:  #FFF1B8;
    /* Hot CTA accent — see DesignTokens.goldButton in Dart */
    --m-gold-hot:   #FFD75E;

    /* ── Brand · Espresso (dark backdrop) ──────────────────────────── */
    --m-espresso:   #0A0A0A;
    --m-coffee:     #111111;
    --m-mocha:      #1A1A1A;
    --m-espresso-1: #1C1407;  /* gradient stop above espresso */

    /* ── Brand · Cream (light backdrop) ────────────────────────────── */
    --m-cream-bg:        #FFFBF0;
    --m-cream-surface:   #FFFFFF;
    --m-cream-surface-2: #F5EDD8;
    --m-cream-divider:   #E0C87A;

    /* ── Text ──────────────────────────────────────────────────────── */
    --m-text-on-dark:        #FFFFFF;
    --m-text-on-dark-sub:    rgba(255,255,255,0.70);
    --m-text-on-dark-muted:  rgba(255,255,255,0.38);
    --m-text-on-light:       #1A1208;
    --m-text-on-light-sub:   #5C4A20;
    --m-text-on-light-muted: #9E8A60;

    /* ── Status ────────────────────────────────────────────────────── */
    --m-success: #2E7D32;
    --m-danger:  #C62828;
    --m-warning: #E65100;
    --m-info:    #1565C0;

    /* ── Type ──────────────────────────────────────────────────────── */
    --m-font-display: 'Amiri', serif;
    --m-font-body:    'Tajawal', system-ui, sans-serif;

    /* ── Spacing scale ─────────────────────────────────────────────── */
    --m-space-2:  2px;
    --m-space-4:  4px;
    --m-space-6:  6px;
    --m-space-8:  8px;
    --m-space-10: 10px;
    --m-space-12: 12px;
    --m-space-14: 14px;
    --m-space-16: 16px;
    --m-space-20: 20px;
    --m-space-24: 24px;
    --m-space-32: 32px;
    --m-space-48: 48px;

    /* ── Radii ─────────────────────────────────────────────────────── */
    --m-radius-sm:    8px;
    --m-radius-md:   12px;
    --m-radius-lg:   14px;
    --m-radius-xl:   18px;
    --m-radius-2xl:  22px;
    --m-radius-pill: 9999px;
}