@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Space+Grotesk:wght@500;600;700&display=swap");
/* Tokens from landing page v7. Light theme only. */
:root {
    --color-background: #FFFFFF;
    --color-surface: #f8f9ff;
    --color-card: #FFFFFF;
    --color-border: #e9eaf2;
    --color-text: #101426;
    --color-muted: #667085;
    --primary: #7c3aed;
    --primary-hover: #6d28d9;
    --accent: #1495dd;
    --accent-soft: #a78bfa;
    --success: #0ca678;
    --warning: #f59e0b;
    --danger: #EF4444;

    --bg-base: var(--color-surface);
    --bg-surface: var(--color-card);
    --bg-elevated: var(--color-surface);
    --border: var(--color-border);
    --border-hover: #d9deeb;
    --text-primary: var(--color-text);
    --text-secondary: #414b63;
    --text-muted: var(--color-muted);
    --text-faint: #8b92a3;
    --accent-green: #087f5b;
    --accent-green-solid: var(--success);
    --accent-yellow: #bd7900;
    --accent-red: var(--danger);
    --accent-red-solid: var(--danger);
    --primary-bg: #e8f5fd;
    --accent-bg: #f0ecff;
    --accent-green-bg: #e4fbf1;
    --accent-yellow-bg: #fff5df;
    --accent-red-bg: #EF444414;
    --accent-blue: #3478e5;
    --accent-blue-bg: #e7f0ff;
    --accent-purple: #7c3aed;
    --accent-purple-bg: #f0ecff;
    --shadow: 0 18px 45px #29345c13;
    --font: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

/* iikra digital typography: Space Grotesk headings, Inter body */
h1, h2, h3, h4 { font-family: "Space Grotesk", Inter, system-ui, sans-serif; }