/* JA Moments Back-Office V2 — shared design tokens
   Tokens mirror ja-moments-brand.css (source of truth). */

:root {
    --jm-black: #07080A;
    --jm-black-soft: #0B0E13;
    --jm-surface: #111620;
    --jm-surface-raised: #151B27;
    --jm-surface-hover: #1A2130;
    --jm-ivory: #F6F0E6;
    --jm-ivory-muted: #D8D0C4;
    --jm-text: #F7F3EC;
    --jm-text-muted: #AFA99F;
    --jm-gold: #C9A45D;
    --jm-gold-light: #E3C781;
    --jm-gold-dark: #96733A;
    --jm-purple: #8B46E8;
    --jm-magenta: #D93B9D;
    --jm-success: #24B47E;
    --jm-warning: #E6A93E;
    --jm-danger: #E45766;
    --jm-info: #4B9FFF;
    --jm-border: rgba(201, 164, 93, 0.18);
    --jm-border-strong: rgba(201, 164, 93, 0.50);
    --jm-radius-sm: 10px;
    --jm-radius-md: 14px;
    --jm-radius-lg: 18px;
    --jm-shadow-card: 0 16px 45px rgba(0, 0, 0, 0.22);
    --jm-shadow-gold: 0 0 24px rgba(201, 164, 93, 0.14);
    --jm-font-sans: "Outfit", "Segoe UI", system-ui, sans-serif;
    --jm-font-serif: "Cormorant Garamond", "Times New Roman", Georgia, serif;

    /* Legacy aliases used by Control / Screen overlays */
    --jm-bg: var(--jm-black);
    --jm-bg-2: var(--jm-black-soft);
    --jm-bg-3: var(--jm-surface);
    --jm-surface-2: var(--jm-surface-raised);
    --jm-surface-3: var(--jm-surface-hover);
    --jm-gold-2: var(--jm-gold-light);
    --jm-gold-3: var(--jm-gold-light);
    --jm-gold-soft: rgba(201, 164, 93, 0.16);
    --jm-cream: var(--jm-ivory);
    --jm-cream-2: #FFF8EF;
    --jm-muted: var(--jm-text-muted);
    --jm-success-bg: rgba(36, 180, 126, 0.14);
    --jm-danger-bg: rgba(228, 87, 102, 0.14);
    --jm-warn: var(--jm-warning);
    --jm-warn-bg: rgba(230, 169, 62, 0.14);
    --jm-radius: var(--jm-radius-md);
    --jm-shadow: var(--jm-shadow-card);
    --jm-glow: var(--jm-shadow-gold);
    --jm-touch: 3rem;
    --jm-safe-b: env(safe-area-inset-bottom, 0px);
}