:root {
    --cream: #fefffc;
    --paper: #ffffff;
    --linen: #f9faf7;
    --graphite-night: #282834;
    --obsidian: #1f1f29;
    --ink: #171717;
    --carbon: #2c2c2c;
    --steel: #646464;
    --sage: #dee2de;
    --fog: #b4b8b4;
    --mist: #cfd3cf;
    --hudson-blue: #0081c0;
    --slate-cyan: #41a1cf;
}
body {
    background-color: var(--cream);
    color: var(--ink);
    font-family: 'Assistant', sans-serif;
    margin: 0; padding: 0; line-height: 1.5;
}
.container { max-width: 1200px; margin: 0 auto; padding: 0 24px; }
.header { border-bottom: 1px solid var(--sage); padding: 16px 0; background: var(--paper); }
.header-inner { display: flex; justify-content: space-between; align-items: center; }
.nav-link { color: var(--ink); text-decoration: none; margin-left: 24px; font-weight: 600; }
[dir="rtl"] .nav-link { margin-left: 0; margin-right: 24px; }
.nav-link.active { color: var(--hudson-blue); }
.section-gap { margin: 64px 0; }
.footer { border-top: 1px solid var(--sage); padding: 32px 0; font-size: 14px; color: var(--steel); margin-top: 64px; }