/* Allonic design-system UI for the card-AR pages. Tokens from projects/ux-ui-system (dark theme): warm-dark canvas, cream ink, sparse indigo/terracotta accents, hairline borders, DM Sans/Mono, flat (no shadows). */ :root { --canvas: #0D0D0D; --surface-1: #161616; --surface-2: #1F1F1F; --ink: #F9F5EF; --ink-secondary: #C9C4BB; --ink-muted: #908B82; --hairline: #2A2A28; --hairline-strong: #3A3A37; --indigo: #7960F4; --indigo-text: #A593F8; --indigo-shade: #4A3AA6; --on-indigo: #0D0D0D; --focus: #9B86F7; --font-body: "DM Sans", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif; --font-mono: "DM Mono", "JetBrains Mono", "SFMono-Regular", Menlo, Consolas, monospace; --radius-md: 8px; --ease: cubic-bezier(0.2, 0, 0.2, 1); } /* The canvas backdrop lives on so it sits BEHIND MindAR's camera