/* Hallmark · tokens · dark mode casino · money-x-kyn.sbs */
:root {
    /* Colors - Surfaces */
    --color-bg: #090a0d;
    --color-surface-1: #111317;
    --color-surface-2: #181b21;
    --color-surface-3: #22262e;
    --color-surface-elevated: #282d36;

    /* Colors - Accents */
    --color-accent: #f59e0b;
    --color-accent-light: #fbbf24;
    --color-accent-dark: #d97706;
    --color-accent-glow: rgba(245, 158, 11, 0.22);

    --color-green: #10b981;
    --color-green-dark: #059669;
    --color-green-glow: rgba(16, 185, 129, 0.22);

    --color-danger: #ef4444;
    --color-blue: #3b82f6;

    /* Colors - Typography */
    --color-text-main: #f9fafb;
    --color-text-muted: #9ca3af;
    --color-text-subtle: #6b7280;
    --color-text-inverse: #090a0d;

    /* Colors - Borders */
    --color-border-subtle: rgba(255, 255, 255, 0.07);
    --color-border-default: rgba(255, 255, 255, 0.12);
    --color-border-focus: rgba(245, 158, 11, 0.55);

    /* Typography */
    --font-display: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    --font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;

    /* Spacing scale */
    --space-1: 4px;
    --space-2: 8px;
    --space-3: 12px;
    --space-4: 16px;
    --space-5: 20px;
    --space-6: 24px;
    --space-8: 32px;
    --space-10: 40px;
    --space-12: 48px;
    --space-16: 64px;

    /* Radii */
    --radius-sm: 6px;
    --radius-md: 10px;
    --radius-lg: 16px;
    --radius-xl: 22px;
    --radius-full: 9999px;

    /* Shadows */
    --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.35);
    --shadow-md: 0 4px 14px rgba(0, 0, 0, 0.45);
    --shadow-lg: 0 12px 30px rgba(0, 0, 0, 0.6);
    --shadow-accent: 0 4px 20px rgba(245, 158, 11, 0.35);
    --shadow-green: 0 4px 20px rgba(16, 185, 129, 0.3);

    /* Layout */
    --wrap-max: 1440px;
    --header-height: 68px;
    --dock-height: 72px;
    --sidebar-width: 250px;
}