/* Flowaxy design tokens — shared across app, admin, public */

:root {
    --fx-bg: #f8fafc;
    --fx-surface: #ffffff;
    --fx-surface-muted: #fafbfc;
    --fx-header: #ffffff;
    --fx-canvas: #ffffff;
    --fx-border: #e2e8f0;
    --fx-border-light: #eef2f6;
    --fx-text: #1e293b;
    --fx-text-muted: #64748b;
    --fx-text-subtle: #94a3b8;
    --fx-primary: #2563eb;
    --fx-primary-hover: #1d4ed8;
    --fx-primary-soft: #eff6ff;
    --fx-link: #2563eb;
    --fx-link-hover: #1d4ed8;
    --fx-btn-bg: #ffffff;
    --fx-btn-hover-bg: #f8fafc;
    --fx-focus-ring: rgba(37, 99, 235, 0.25);
    --fx-radius: 4px;
    --fx-radius-lg: 6px;
    --fx-font-xs: 0.6875rem;
    --fx-font-sm: 0.8125rem;
    --fx-font-base: 0.875rem;
    --fx-font-lg: 1.125rem;
    --fx-shadow-sm: none;
    --fx-dropdown-shadow: none;
    --fx-content-max: 1200px;
    --fx-topbar-h: 48px;
    --fx-accent-audit: #a643f7;
    --fx-accent-audit-bg: #faf5ff;
    --fx-accent-website: #1ea4e9;
    --fx-accent-website-bg: #f0f9ff;
}

[data-theme-style="dark"] {
    --fx-bg: #0d1117;
    --fx-surface: #161b22;
    --fx-surface-muted: #21262d;
    --fx-header: #010409;
    --fx-canvas: #0d1117;
    --fx-border: #30363d;
    --fx-border-light: #21262d;
    --fx-text: #e6edf3;
    --fx-text-muted: #8b949e;
    --fx-text-subtle: #656d76;
    --fx-primary: #238636;
    --fx-primary-hover: #2ea043;
    --fx-primary-soft: rgba(56, 139, 253, 0.1);
    --fx-link: #4493f8;
    --fx-link-hover: #58a6ff;
    --fx-btn-bg: #21262d;
    --fx-btn-hover-bg: #30363d;
    --fx-focus-ring: rgba(68, 147, 248, 0.3);
    --fx-shadow-sm: none;
    --fx-dropdown-shadow: none;
    --fx-accent-audit: #bc8cff;
    --fx-accent-audit-bg: rgba(188, 140, 255, 0.1);
    --fx-accent-website: #4493f8;
    --fx-accent-website-bg: rgba(68, 147, 248, 0.1);
}