:root {
    --color-ink: #0d5c63;
    --color-ink-deep: #0a3d42;
    --color-brass: #b8953d;
    --color-brass-soft: #d4b56a;
    --color-slate: #1a2b33;
    --color-mist: #e7eef1;
    --color-blue-light: #3d8b94;
    --color-blue-dark: #0a3d42;
    --color-orange-light: #d4b56a;
    --color-orange-dark: #b8953d;
    --color-pink-light: #5a7d86;
    --color-purple-dark: #1a2b33;
    --color-bg: #f2f5f7;
    --color-white: #ffffff;
    --color-text-primary: #14212b;
    --color-text-secondary: #3d5360;
    --color-text-light: #6b8290;
    --color-border: #cfd9df;
    --color-success: #2f7d4a;
    --color-error: #b33a3a;
    --color-warning: #b8953d;
    --font-display: 'Cormorant Garamond', 'Palatino Linotype', Palatino, serif;
    --font-primary: 'Karla', 'Segoe UI', sans-serif;
    --font-mono: 'JetBrains Mono', ui-monospace, monospace;
    --font-mono-tech: 'JetBrains Mono', ui-monospace, monospace;
    --color-online: #2f7d4a;
    --hairline: 1px solid var(--color-border);
    --scan-line-gradient: linear-gradient(180deg, transparent 0%, rgba(13, 92, 99, 0.35) 48%, rgba(184, 149, 61, 0.28) 52%, transparent 100%);
    --grid-bg: url("data:image/svg+xml,%3Csvg width='32' height='32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M32 0H0V32' fill='none' stroke='%230d5c63' stroke-width='0.5' stroke-opacity='0.16'/%3E%3C/svg%3E");
    --grid-bg-dots: url("data:image/svg+xml,%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='1' cy='1' r='1' fill='%230d5c63' fill-opacity='0.22'/%3E%3C/svg%3E");
    --spacing-xs: 0.25rem;
    --spacing-sm: 0.5rem;
    --spacing-md: 1rem;
    --spacing-lg: 1.5rem;
    --spacing-xl: 2rem;
    --spacing-2xl: 3rem;
    --spacing-3xl: 4rem;
    --border-radius-sm: 0.25rem;
    --border-radius-md: 0.5rem;
    --border-radius-lg: 1rem;
    --border-radius-xl: 1.5rem;
    --shadow-sm: 0 2px 4px rgba(20, 33, 43, 0.08);
    --shadow-md: 0 4px 12px rgba(20, 33, 43, 0.1);
    --shadow-lg: 0 8px 24px rgba(20, 33, 43, 0.12);
    --shadow-xl: 0 20px 50px rgba(20, 33, 43, 0.16);
    --transition-fast: 0.15s ease;
    --transition-base: 0.3s ease;
    --transition-slow: 0.5s ease;
    --breakpoint-sm: 640px;
    --breakpoint-md: 768px;
    --breakpoint-lg: 1024px;
    --breakpoint-xl: 1280px;
    --z-index-base: 1;
    --z-index-header: 100;
    --z-index-modal: 200;
    --z-index-tooltip: 300;
}