/* 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);
}