/* Aurora Meridian design tokens — single source of truth (web + future APK) */

/* ── Dark theme (default) — vibrant but soft ── */
:root, [data-theme='dark'] {
    --color-bg-primary: #20223a;
    --color-bg-surface: #292c49;
    --color-brand: #8f7ff7;
    --color-brand-bright: #a99cff;
    --color-danger: #ff6b81;
    --color-warning: #ffc75f;
    --color-success: #3ddc97;
    --color-accent-teal: #3fd2c7;
    --color-accent-coral: #ff9e7d;
    --color-text: #f4f2ff;
    --color-text-muted: #a8a4c8;

    --font-family: 'Inter', -apple-system, sans-serif;
    --font-size-base: 1rem;
    --space-card: 1.5rem;
    --radius-card: 12px;
    --radius-badge: 20px;
    --shadow-card: 0 4px 24px rgba(0, 0, 0, 0.22);
    --shadow-card-hover: 0 10px 32px rgba(143, 127, 247, 0.28);
}

/* ── Light theme ── */
[data-theme='light'] {
    --color-bg-primary: #f5f4fd;
    --color-bg-surface: #ffffff;
    --color-brand: #6d4fe0;
    --color-brand-bright: #8f7ff7;
    --color-danger: #e0314b;
    --color-warning: #c77c00;
    --color-success: #0e9f6e;
    --color-accent-teal: #0ca678;
    --color-accent-coral: #e8590c;
    --color-text: #26244a;
    --color-text-muted: #6b6790;
    --shadow-card: 0 4px 20px rgba(109, 79, 224, 0.12);
    --shadow-card-hover: 0 8px 28px rgba(109, 79, 224, 0.22);
}

/* ── High-contrast accessibility theme ── */
[data-theme='contrast'] {
    --color-bg-primary: #000000;
    --color-bg-surface: #0d0d0d;
    --color-brand: #ffd400;
    --color-brand-bright: #ffe14d;
    --color-danger: #ff5c5c;
    --color-warning: #ffd400;
    --color-success: #00e676;
    --color-accent-teal: #00e5ff;
    --color-accent-coral: #ff9e7d;
    --color-text: #ffffff;
    --color-text-muted: #cccccc;
    --shadow-card: none;
    --shadow-card-hover: 0 0 0 2px #ffd400;
}

/* Pico theme overrides */
[data-theme='dark'],
:root:not([data-theme]) {
    --pico-background-color: var(--color-bg-primary);
    --pico-card-background-color: var(--color-bg-surface);
    --pico-primary: var(--color-brand);
    --pico-primary-background: var(--color-brand);
    --pico-color: var(--color-text);
    --pico-muted-color: var(--color-text-muted);
    --pico-muted-border-color: rgba(255, 255, 255, 0.12);
    --pico-border-radius: var(--radius-card);
}
[data-theme='light'] {
    --pico-background-color: var(--color-bg-primary);
    --pico-card-background-color: var(--color-bg-surface);
    --pico-primary: var(--color-brand);
    --pico-primary-background: var(--color-brand);
    --pico-color: var(--color-text);
    --pico-muted-color: var(--color-text-muted);
    --pico-muted-border-color: rgba(38, 36, 74, 0.15);
    --pico-border-radius: var(--radius-card);
}
[data-theme='contrast'] {
    --pico-background-color: #000000;
    --pico-card-background-color: #0d0d0d;
    --pico-primary: #ffd400;
    --pico-primary-background: #ffd400;
    --pico-primary-color: #000000;
    --pico-color: #ffffff;
    --pico-muted-color: #cccccc;
    --pico-muted-border-color: #ffffff;
    --pico-border-radius: var(--radius-card);
}

html { font-size: var(--font-size-base); }