/* Design tokens — CheckScan */
:root {
    color-scheme: light;
    --bg: #ffffff;
    --surface: #ffffff;
    --surface-2: #f5f7fa;
    --surface-3: #ebeef2;
    --text: #0b0d10;
    --text-2: #4a5260;
    --text-3: #6b7480;
    --border: #e2e6eb;
    --primary: #1f6feb;
    --primary-2: #1858bf;
    --primary-text: #ffffff;
    --danger: #d83a3a;
    --danger-bg: #ffe8e8;
    --warn: #c47b00;
    --warn-bg: #fff4d6;
    --success: #1f8a4d;
    --success-bg: #e3f7eb;
    --shadow-sm: 0 1px 2px rgba(15,20,30,.06);
    --shadow-md: 0 4px 12px rgba(15,20,30,.08);
    --radius-sm: 8px;
    --radius-md: 12px;
    --radius-lg: 18px;
    --radius-xl: 24px;
    --space-1: 4px;
    --space-2: 8px;
    --space-3: 12px;
    --space-4: 16px;
    --space-5: 20px;
    --space-6: 24px;
    --space-7: 32px;
    --space-8: 48px;
    --tabbar-h: 64px;
    --topbar-h: 56px;
    --safe-top: env(safe-area-inset-top, 0);
    --safe-bottom: env(safe-area-inset-bottom, 0);
    --font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

[data-theme="dark"] {
    color-scheme: dark;
    --bg: #0b0d10;
    --surface: #14181d;
    --surface-2: #191f25;
    --surface-3: #232a31;
    --text: #f4f6f8;
    --text-2: #b9c1cb;
    --text-3: #8a939e;
    --border: #262d35;
    --primary: #4f8dff;
    --primary-2: #6fa1ff;
    --primary-text: #06121f;
    --danger: #ff6b6b;
    --danger-bg: #3b1c1c;
    --warn: #ffc266;
    --warn-bg: #3a2d11;
    --success: #44d27c;
    --success-bg: #16321f;
    --shadow-sm: 0 1px 2px rgba(0,0,0,.4);
    --shadow-md: 0 4px 18px rgba(0,0,0,.5);
}