:root[data-theme="light"] {
    --theme-color-scheme: light;

    --ink: #F7F4ED;
    --ink-2: #F1EDE5;
    --ink-3: #FFFEFA;
    --bg-page: var(--ink);
    --bg-raised: var(--ink-2);
    --surface-card: var(--ink-3);
    --surface-card-end: #FBF9F4;
    --surface-tile: var(--surface-card);

    --text: #172027;
    --text-dim: #59646B;
    --line: rgba(23, 32, 39, 0.10);
    --line-strong: rgba(23, 32, 39, 0.18);
    --border-control: #6F777C;

    --nav-bg-start: rgba(247, 244, 237, 0.92);
    --nav-bg-end: rgba(247, 244, 237, 0.72);

    --gold-deep: #85500F;
    --sky-deep: #245C9C;
    --ansaabna-deep: #1F6094;
    --accent-fill: var(--emerald);
    --accent-fill-hover: var(--emerald-bright);
    --accent-text: var(--emerald-deep);
    --accent-text-hover: var(--emerald-deep);
    --accent-line: var(--emerald-deep);
    --accent-on-fill: #092E2B;
    --accent-surface: color-mix(in srgb, var(--accent-fill) 6%, var(--bg-raised));
    --accent-2-fill: var(--gold);
    --accent-2-text: var(--gold-deep);
    --accent-2-line: var(--gold-deep);
    --accent-3-fill: var(--sky);
    --accent-3-text: var(--sky-deep);
    --accent-3-line: var(--sky-deep);
    --ansaabna-fill: var(--ansaabna-blue);
    --ansaabna-text: var(--ansaabna-deep);
    --ansaabna-line: var(--ansaabna-deep);
    --text-on-accent: var(--accent-on-fill);
    --focus-ring: var(--accent-line);
    --selection-bg: var(--accent-fill);
    --selection-fg: var(--accent-on-fill);
    --gold-soft: rgba(219, 161, 94, 0.16);

    --shadow-card: 0 12px 30px rgba(23, 32, 39, 0.08), 0 2px 8px rgba(23, 32, 39, 0.05);
    --shadow-card-hover: 0 20px 44px rgba(23, 32, 39, 0.14), 0 4px 12px rgba(23, 32, 39, 0.08);
    --glow-emerald: 0 3px 10px rgba(15, 118, 110, 0.18);
    --glow-emerald-lg: 0 5px 14px rgba(15, 118, 110, 0.22);
    --glow-text: none;
    --accent-dot-shadow: 0 0 0 4px rgba(45, 212, 191, 0.16);

    --grain-opacity: 0.018;
    --sadu-opacity: 0.55;
    --print-ink: var(--text);
    --print-paper: var(--surface-card);
}

[data-theme="light"] .client-item img {
    filter: brightness(0);
    opacity: 0.52;
}

[data-theme="light"] .client-item:hover img,
[data-theme="light"] .client-item:focus-within img {
    filter: none;
    opacity: 1;
}

[data-theme="light"] .glow {
    opacity: 0.075;
    mix-blend-mode: multiply;
}

[data-theme="light"] .hero__watermark {
    opacity: 0.085;
    mix-blend-mode: multiply;
}

[data-theme="light"] .grain-overlay {
    mix-blend-mode: multiply;
}

[data-theme="light"] .hero-grid {
    opacity: 0.42;
    mix-blend-mode: multiply;
}