/* JA Moments Back-Office V2 — shared design tokens
   Screen = cinematic · Control/Dashboard = premium + efficient */

:root {
    --jm-bg: #060708;
    --jm-bg-2: #090909;
    --jm-bg-3: #0d0c0b;
    --jm-surface: #141210;
    --jm-surface-2: #1a1714;
    --jm-surface-3: #221e19;
    --jm-border: rgba(255, 248, 239, 0.1);
    --jm-border-strong: rgba(200, 155, 73, 0.35);
    --jm-gold: #c89b49;
    --jm-gold-2: #d7ad60;
    --jm-gold-3: #e2bf79;
    --jm-gold-soft: rgba(200, 155, 73, 0.16);
    --jm-cream: #f3eadc;
    --jm-cream-2: #fff8ef;
    --jm-text: #f3eadc;
    --jm-muted: rgba(255, 255, 255, 0.62);
    --jm-success: #34d399;
    --jm-success-bg: rgba(52, 211, 153, 0.14);
    --jm-danger: #f87171;
    --jm-danger-bg: rgba(248, 113, 113, 0.14);
    --jm-warn: #fbbf24;
    --jm-warn-bg: rgba(251, 191, 36, 0.14);
    --jm-radius: 0.95rem;
    --jm-radius-sm: 0.65rem;
    --jm-shadow: 0 18px 48px rgba(0, 0, 0, 0.45);
    --jm-glow: 0 0 28px rgba(200, 155, 73, 0.22);
    --jm-font-sans: "Outfit", "Segoe UI", system-ui, sans-serif;
    --jm-font-serif: "Cormorant Garamond", "Times New Roman", Georgia, serif;
    --jm-touch: 3rem;
    --jm-safe-b: env(safe-area-inset-bottom, 0px);
}

@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,500;0,600;1,500&family=Outfit:wght@300;400;500;600;700&display=swap');