.theme-toggle { display: inline-grid; place-items: center; flex: none; width: 40px; height: 40px; border: 1px solid transparent; border-radius: 50%; background: transparent; color: var(--muted); }
.theme-toggle:hover { background: var(--wash); color: var(--blue); border-color: var(--line); }
.theme-toggle .icon { width: 20px; height: 20px; }
.theme-sun { display: none; }
.screen-zoom .product-dark { display: none; }
:root[data-theme='dark'] { --blue: #82aaff; --blue-deep: #a4c0ff; --navy: #eef3ff; --ink: #e2e9f5; --muted: #a9b6cc; --line: #2b3a51; --wash: #131e30; --surface: #0c1424; --landing-wash: #111c2d; color-scheme: dark; }
[data-theme='dark'] .theme-moon { display: none; }
[data-theme='dark'] .theme-sun { display: block; }
[data-theme='dark'] .screen-zoom .product-light { display: none; }
[data-theme='dark'] .screen-zoom .product-dark { display: block; }
[data-theme='dark'] .site-header, [data-theme='dark'] .public-hero-page .site-header { background: #0c1424; }
[data-theme='dark'] .site-header.is-scrolled { background: #111c2ded; border-color: #2b3a51; box-shadow: 0 6px 22px #0003; }
[data-theme='dark'] .footer-brand img { filter: brightness(0) invert(1); }
[data-theme='dark'] { --public-logo-ink: #e2e9f5; }
[data-theme='dark'] { --public-card-surface: #15243b; --public-section-wash: #101d32; --public-panel-line: #344b69; --public-panel-ink: #edf4ff; --public-panel-text: #bacce2; --public-panel-soft: #233b60; --public-shadow-card: 0 12px 30px #0002; }
[data-theme='dark'] { --public-brand: #90bcff; --public-brand-deep: #b8d4ff; }
[data-theme='dark'] { --public-hero-accent: #72dcef; --public-hero-wash: #12283b; --public-hero-line: #2b4a63; --public-hero-text: #b5c8da; --public-module-line: #334d65; --public-module-wash: #111e30; }
[data-theme='dark'] .button { background: #346fef; border-color: #346fef; color: #fff; }
[data-theme='dark'] .button:hover { background: #477ff4; border-color: #477ff4; color: #fff; }
[data-theme='dark'] .button-secondary { background: #162239; border-color: #344766; color: #e2e9f5; }
[data-theme='dark'] .button-secondary:hover { background: #203251; border-color: #617ba5; }
[data-theme='dark'] .landing { --landing-wash: #111c2d; }
[data-theme='dark'] .landing-hero { background: linear-gradient(180deg, #0c1424, #152443 72%, #0c1424); }
[data-theme='dark'] .hero-glow { opacity: .12; }
[data-theme='dark'] .hero-kicker { background: #16243a; color: #b7c8e4; border-color: #33486b; }
[data-theme='dark'] .hero-description, [data-theme='dark'] .hero-trial-note { color: #abbad2; }
[data-theme='dark'] .hero-product { background: #20325288; border-color: #314567; box-shadow: 0 28px 60px -28px #0006; }
[data-theme='dark'] .product-annotation { background: #192a45; color: #aac8f8; border-color: #3a5178; }
[data-theme='dark'] .product-frame, [data-theme='dark'] .screen-zoom { background: #131e30; border-color: #34445e; }
[data-theme='dark'] .product-frame-bar { background: #17243a; border-color: #34445e; color: #a9bad4; }
[data-theme='dark'] .frame-dots i { background: #4d6589; }
[data-theme='dark'] .product-frame figcaption { color: #c2cee2; border-color: #34445e; }
[data-theme='dark'] .product-frame figcaption small { color: #98abc8; }
[data-theme='dark'] .zoom-hint { background: #15253ef2; color: #c4d6f3; border-color: #496388; }
[data-theme='dark'] .story-visual, [data-theme='dark'] .pos-discovery-image { background: linear-gradient(145deg, #263b5c, #17263f); border-color: #364e70; }
[data-theme='dark'] .tax-visual { background: linear-gradient(145deg, #233c48, #19312f); border-color: #35545a; }
[data-theme='dark'] .fatoora-integration { background: #132329; border-color: #315057; }
[data-theme='dark'] .fatoora-intro > img { padding: 12px; background: #fff; border-radius: 9px; }
[data-theme='dark'] .fatoora-steps { border-color: #315057; }
[data-theme='dark'] .fatoora-steps li > span { background: #233b42; color: #b4d5dc; }
[data-theme='dark'] .story-index { color: #a2bbdf; }
[data-theme='dark'] .workflow-copy > p:not(.story-index) { color: #a9bad2; }
[data-theme='dark'] .story-points { color: #c0cfe5; }
[data-theme='dark'] .workflow-section, [data-theme='dark'] .deployment-band, [data-theme='dark'] .landing-cta { background: #111c2d; border-color: #2b3a51; }
[data-theme='dark'] .capability-grid article, [data-theme='dark'] .landing-deployment-card { background: #16243a; border-color: #344766; }
[data-theme='dark'] .capability-icon, [data-theme='dark'] .deployment-symbol { background: #23395e; color: #a7c4f7; }
[data-theme='dark'] .landing-deployment-card ul, [data-theme='dark'] .deployment-label, [data-theme='dark'] .pos-discovery-image small { color: #aabedb; }
[data-theme='dark'] .product-tabs button { background: #17243a; color: #b6c5dd; border-color: #344766; }
[data-theme='dark'] .product-tabs button[aria-selected='true'] { background: #243d68; color: #b5d0ff; border-color: #789ad0; }
[data-theme='dark'] .product-dialog { background: #111c2d; color: #dfe8f7; border-color: #344766; }
[data-theme='dark'] .dialog-header, [data-theme='dark'] .dialog-image-scroll { background: #16243a; border-color: #344766; }
[data-theme='dark'] .product-dialog > p { color: #a9bad2; }
[data-theme='dark'] .dialog-close { background: #233654; border-color: #405a80; color: #c2d5f3; }
[data-theme='dark'] .saudi-identity { background: #fff; border-radius: 9px; padding: 8px 12px; }
[data-theme='dark'] .mobile-navigation, [data-theme='dark'] .mobile-navigation nav { background: #111c2d; border-color: #344766; }
[data-theme='dark'] .pricing-hero { background: radial-gradient(ellipse at 50% 100%, #1f335a, transparent 70%), #0c1424; }
[data-theme='dark'] .pricing-deployment, [data-theme='dark'] .pricing-local { background: #142138; border-color: #344766; }
[data-theme='dark'] .pricing-deployment > * { color: #adbed9; }
[data-theme='dark'] .pricing-deployment [aria-current], [data-theme='dark'] .pricing-local-icon, [data-theme='dark'] .pricing-card, [data-theme='dark'] .pricing-empty { background: #17243a; border-color: #344766; }
[data-theme='dark'] .pricing-featured { background: linear-gradient(180deg, #243d68, #17243a 40%); border-color: #82aaff; }
[data-theme='dark'] .pricing-plan-mark, [data-theme='dark'] .pricing-badge { background: #294371; color: #b8d1ff; }
[data-theme='dark'] .pricing-capacity, [data-theme='dark'] .pricing-features, [data-theme='dark'] .pricing-table td { color: #b9c8df; }
[data-theme='dark'] .pricing-table th, [data-theme='dark'] .pricing-table td { border-color: #2b3a51; }
[data-theme='dark'] .pricing-table thead { background: #203454; }
[data-theme='dark'] .pricing-table tbody tr:nth-child(even) { background: #142138; }
[data-theme='dark'] .pricing-price img, [data-theme='dark'] .comparison-money img { filter: brightness(0) invert(1); }
[data-theme='dark'] .notice { background: #2c291d; color: #ddcfaa; border-color: #615337; }
[data-theme='dark'] .auth-card, [data-theme='dark'] .status-card, [data-theme='dark'] .local-metric, [data-theme='dark'] .deployment-choice .chosen { background: #17243a; }
[data-theme='dark'] .provider-button { background: #192a45; color: #dce6f6; border-color: #405779; }
[data-theme='dark'] .provider-button:hover { background: #243b61; color: #bed5ff; }
[data-theme='dark'] input, [data-theme='dark'] select { background: #111c2d; color: #e2e9f5; border-color: #405779; }
[data-theme='dark'] .journey strong, [data-theme='dark'] .selection-summary strong { color: #c3d1e6; }
[data-theme='dark'] .dna-section { background: #10213e; }
[data-theme='dark'] .deployment-step, [data-theme='dark'] .local-installation { background: #16243a; }
@media (max-width: 1100px) { .header-actions { gap: 14px; } .main-nav { gap: 18px; } }
@media (max-width: 600px) { .header-actions { gap: 10px; } .theme-toggle { width: 34px; height: 38px; } }

[data-theme='dark'] .field label { color: #c3d1e6; }
[data-theme='dark'] .field input { background: #111c2d; color: #e2e9f5; border-color: #405779; }
[data-theme='dark'] .field input[readonly] { background: #23324a; color: #a9b6cc; }
[data-theme='dark'] .auth-icon, [data-theme='dark'] .trial-pill { background: #23395e; color: #b8d1ff; }
[data-theme='dark'] .sign-in-methods { background: #111c2d; }
[data-theme='dark'] .sign-in-methods a[aria-current='page'] { background: #294371; color: #e5eeff; }
[data-theme='dark'] .auth-divider::before, [data-theme='dark'] .auth-divider::after, [data-theme='dark'] .selection-summary { border-color: #344766; background: #344766; }
[data-theme='dark'] .selection-summary { background: transparent; }
[data-theme='dark'] .local-illustration { background: radial-gradient(ellipse at 10% 0%, #243c66, transparent 80%), #142138; border-color: #344766; color: #b8cbe9; }
[data-theme='dark'] .local-boundary { background: #1b2b46; border-color: #7894bd; }
[data-theme='dark'] .local-boundary img { filter: brightness(0) invert(1); }
[data-theme='dark'] .workspace-resume { background: #17243a; }
[data-theme='dark'] .field-error { color: #ffb4b4; }
[data-theme='dark'] .error-summary { background: #38232b; border-color: #825260; }
[data-theme='dark'] .success-note { background: #173a30; border-color: #396c59; color: #b0ddc8; }
[data-theme='dark'] .progress-steps li > span { background: #17243a; }
[data-theme='dark'] .progress-steps .complete { color: #a5dac1; }
[data-theme='dark'] .progress-steps .complete > span { background: #1c3b32; border-color: #386b59; }
[data-theme='dark'] .progress-steps .current > span { background: #294371; border-color: #7894bd; }

/* Mufid navy and azure roles in dark mode; product captures retain their own palette. */
:root[data-theme='dark'] {
    --public-editorial-canvas: #0b1427;
    --public-editorial-paper: #111f35;
    --public-editorial-ink: #eef4ff;
    --public-editorial-muted: #afbed4;
    --public-editorial-rule: #2c405f;
    --public-editorial-wash: #142640;
    --public-editorial-art-wash: #193651;
    --public-editorial-accent: #9acfff;
    --public-editorial-button: #b8dbff;
    --public-editorial-button-hover: #d4e9ff;
    --public-editorial-on-button: #0b244b;
    --surface: var(--public-editorial-canvas);
    --ink: var(--public-editorial-ink);
    --navy: var(--public-editorial-ink);
    --muted: var(--public-editorial-muted);
    --line: var(--public-editorial-rule);
    --wash: var(--public-editorial-wash);
    --public-panel-ink: var(--public-editorial-ink);
    --public-panel-text: var(--public-editorial-muted);
    --public-panel-line: var(--public-editorial-rule);
    --public-card-surface: var(--public-editorial-paper);
    --public-panel-soft: var(--public-editorial-art-wash);
    --public-section-wash: var(--public-editorial-wash);
    --public-shadow-card: none;
}