/* Nordic Theme Variables - Tablez.ai */

:root {
    /* 1. Brand Colors */
    --nordic-bg: #f5f5f7;
    --nordic-surface: #ffffff;
    --nordic-primary: #1c1c1e;
    --nordic-secondary: #5e6366;
    --nordic-border: #1c1c1e;

    /* Accents */
    --nordic-sage: #a3b18a;
    --nordic-clay: #b07d62;
    --nordic-ice: #e5e5e7;

    /* Status Colors */
    --nordic-success: #4caf50;
    --nordic-warning: #ef5350;
    --nordic-info: #2196f3;
    --nordic-vip: #9c27b0;

    /* 2. Typography */
    --font-nordic: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;

    /* 3. Spacing (8px Grid) */
    --space-1: 8px;
    --space-2: 16px;
    --space-3: 24px;
    --space-4: 32px;
    --space-5: 40px;
    --space-6: 48px;
    --space-8: 64px;
    --space-12: 96px;

    /* 4. UI Tokens */
    --border-width: 1px;
    --radius-none: 0px;
    --transition-fast: 0.15s ease;
    --transition-base: 0.25s ease;

    /* Semantic Mapping */
    --bg-body: var(--nordic-bg);
    --bg-card: var(--nordic-surface);
    --text-main: var(--nordic-primary);
    --text-meta: var(--nordic-secondary);
    --border-main: var(--nordic-border);
}