@import url('https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&family=Syne:wght@400;600;700;800&family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;1,9..40,400&family=JetBrains+Mono:wght@400;500&display=swap'); /* ══════════════════════════════════════ TOKENS ══════════════════════════════════════ */ :root { /* ── Brand: Gold + Charcoal + Steel Blue ── */ --gold: #E8A400; --gold2: #C8850A; --gold3: #F5C842; --gold-l: #FFF8E6; --gold-b: #FFE099; --gold-glow: rgba(232,164,0,0.18); --gold-grad: linear-gradient(135deg, #FFD000 0%, #E08C00 100%); /* ── Blues (steel, professional) ── */ --blue: #3A7BD5; --blue2: #2C66BE; --blue-l: #EBF3FC; --blue-b: #A8C9F0; --blue-glow: rgba(58,123,213,0.15); /* ── Neutrals (warm gray) ── */ --white: #ffffff; --off: #F9F7F3; --off2: #F2EFE9; --surface: #ffffff; --border: #E5DFD4; --border2: #CEC7B8; --ink: #1C1917; --ink2: #57534E; --ink3: #A8A29E; --ink4: #D6D0C8; /* ── Status colors ── */ --teal: #0891b2; --teal-l: #E0F7FA; --green: #059669; --green-l: #D1FAE5; --amber: #D97706; --amber-l: #FEF3C7; --red: #DC2626; /* ── Radii ── */ --r: 8px; --r2: 14px; --r3: 22px; --r4: 32px; /* ── Shadows (warm-tinted) ── */ --sh1: 0 1px 3px rgba(28,25,23,0.05), 0 1px 2px rgba(28,25,23,0.04); --sh2: 0 4px 16px rgba(28,25,23,0.08), 0 2px 6px rgba(28,25,23,0.04); --sh3: 0 16px 48px rgba(28,25,23,0.10), 0 6px 20px rgba(28,25,23,0.05); --sh4: 0 32px 80px rgba(28,25,23,0.14), 0 12px 32px rgba(28,25,23,0.07); } *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; } html { scroll-behavior: smooth; } body { font-family: 'DM Sans', sans-serif; background: var(--white); color: var(--ink); line-height: 1.6; overflow-x: hidden; -webkit-font-smoothing: antialiased; } body.admin-bar .sv-nav { top: 32px; } img { max-width: 100%; display: block; } a { color: inherit; } /* ── LANG ─────────────────────────────── */ /* Language CSS is now handled inline in via data-active-lang attribute. See header.php