/* ========================================================= netforge.ro — design tokens Source: ~/public_html/html/assets/styles.css :root block Prefix: --nf-* (mirrors chatgenius's --cg-*) ========================================================= */ :root { /* Brand */ --nf-brand-orange: #EF7E4A; --nf-brand-orange-600: #E56A32; --nf-brand-orange-100: #FDE8DC; --nf-brand-navy: #2D3F91; --nf-brand-navy-700: #1F2D6A; --nf-brand-navy-900: #101733; --nf-brand-purple: #7B5AB0; /* Neutrals (light mode) */ --nf-ink: #0B1020; --nf-ink-2: #1A2038; --nf-slate: #4A5578; --nf-slate-2: #8A92AB; --nf-line: #E6E8EE; --nf-bg: #FAFAFB; --nf-bg-alt: #F2F3F7; --nf-white: #FFFFFF; /* State accents */ --nf-success: #1FA971; --nf-warning: #E2A93B; --nf-danger: #D94848; /* Radius */ --nf-radius-sm: 6px; --nf-radius: 12px; --nf-radius-lg: 20px; --nf-radius-pill: 999px; /* RO/EN lang switcher + chip group */ /* Shadows */ --nf-shadow-sm: 0 1px 2px rgba(16,23,51,.06), 0 1px 1px rgba(16,23,51,.04); --nf-shadow: 0 6px 16px -6px rgba(16,23,51,.12), 0 2px 4px -2px rgba(16,23,51,.06); --nf-shadow-lg: 0 24px 48px -12px rgba(16,23,51,.18); /* Typography families */ --nf-font-display: 'Space Grotesk', ui-sans-serif, system-ui, sans-serif; --nf-font-body: 'Inter', ui-sans-serif, system-ui, sans-serif; --nf-font-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace; /* Container widths */ --nf-container: 1240px; --nf-container-tight: 960px; --nf-container-pad: 24px; } /* Dark mode — toggled via [data-theme="dark"] on by js/custom.js (persisted to localStorage). Light is the project default; dark is used on the marketing dark-themed pages (hosting, VPS, dedicated). */ html[data-theme="dark"] { --nf-ink: #F5F7FB; --nf-ink-2: #E6E9F2; --nf-slate: #A8B0C7; --nf-slate-2: #6D7694; --nf-line: #1F2947; --nf-bg: #0B1020; --nf-bg-alt: #121831; --nf-white: #0B1020; --nf-shadow-sm: 0 1px 2px rgba(0,0,0,.4); --nf-shadow: 0 8px 20px -8px rgba(0,0,0,.5); --nf-shadow-lg: 0 24px 48px -12px rgba(0,0,0,.6); }