/* Matte sage palette for the public site's light theme. */
[data-theme="light"] {
  --ox-bg: #f2f6f3;
  --ox-bg-2: #edf3ef;
  --ox-surface: rgba(255, 255, 255, .96);
  --ox-surface-2: #f5f8f6;
  --ox-surface-3: #e7efea;
  --ox-line: rgba(24, 70, 54, .13);
  --ox-line-2: rgba(24, 70, 54, .23);
  --ox-text: #14251e;
  --ox-muted: #4a6055;
  --ox-dim: #6c7e75;
  --ox-accent: #287663;
  --ox-accent-2: #65a88d;
  --ox-accent-ink: #185746;
  --ox-accent-soft: rgba(40, 118, 99, .1);
  --ox-accent-line: rgba(40, 118, 99, .28);
  --ox-glow: 0 0 0 1px rgba(40, 118, 99, .12), 0 18px 38px -24px rgba(24, 83, 64, .25);
  --ox-card-shadow: 0 18px 42px -30px rgba(29, 63, 50, .24), inset 0 1px 0 rgba(255, 255, 255, .92);
  --ox-hero-floor: #eef4f0;
  --ox-mc-floor: #eaf2ed;
  --ox-page-glow:
    radial-gradient(ellipse 110% 70% at 8% 0%, rgba(122, 174, 145, .13), transparent 58%),
    radial-gradient(ellipse 100% 72% at 96% 100%, rgba(82, 145, 119, .1), transparent 56%),
    linear-gradient(160deg, rgba(255, 255, 255, .72), rgba(224, 237, 229, .2));
  --bg: var(--ox-bg);
  --bg-elevated: var(--ox-surface);
  --surface: var(--ox-surface);
  --surface-2: var(--ox-surface-2);
  --border: var(--ox-line);
  --border-strong: var(--ox-line-2);
  --text: var(--ox-text);
  --text-muted: var(--ox-muted);
  --text-dim: var(--ox-dim);
  --brand: var(--ox-accent);
  --brand-2: var(--ox-accent-2);
  --brand-grad: linear-gradient(135deg, #287663 0%, #3d8b72 54%, #65a88d 100%);
  --card-shadow: var(--ox-card-shadow);
}

[data-theme="light"] body {
  background:
    radial-gradient(circle at 12% 0%, rgba(115, 171, 141, .11), transparent 28%),
    radial-gradient(circle at 92% 72%, rgba(73, 137, 112, .08), transparent 32%),
    linear-gradient(180deg, #f8faf9 0%, #f2f6f3 48%, #edf4f0 100%);
  color: var(--ox-text);
}

[data-theme="light"] .ox-light-decor {
  opacity: 1;
  background:
    radial-gradient(circle at 11% 17%, rgba(100, 159, 127, .1), transparent 24%),
    radial-gradient(circle at 88% 23%, rgba(75, 137, 111, .08), transparent 28%),
    radial-gradient(circle at 62% 86%, rgba(146, 183, 158, .11), transparent 31%),
    linear-gradient(145deg, #f8fbf9 0%, #eef5f1 48%, #f4f8f5 74%, #eaf2ed 100%);
}

[data-theme="light"] .site-header {
  background: rgba(250, 252, 251, .91);
  border-bottom-color: rgba(28, 72, 56, .12);
  box-shadow: 0 1px 0 rgba(28, 72, 56, .08), 0 14px 34px -30px rgba(31, 59, 46, .28);
  backdrop-filter: saturate(120%) blur(12px);
  -webkit-backdrop-filter: saturate(120%) blur(12px);
}

[data-theme="light"] .site-footer {
  background: #edf4f0;
  border-top-color: rgba(38, 70, 55, .13);
}

[data-theme="light"] .nav-link.is-active,
[data-theme="light"] .nav-link:hover,
[data-theme="light"] .main-nav a.is-active,
[data-theme="light"] .main-nav a:hover {
  color: #185746;
  background: rgba(40, 118, 99, .1);
}

[data-theme="light"] .header-balance,
[data-theme="light"] .ox-head-ping,
[data-theme="light"] .theme-toggle,
[data-theme="light"] .lang-toggle,
[data-theme="light"] .icon-btn,
[data-theme="light"] .btn-secondary,
[data-theme="light"] .btn-ghost {
  background: rgba(255, 255, 255, .9);
  border-color: rgba(28, 72, 56, .16);
  color: #1b352a;
  box-shadow: 0 10px 24px -20px rgba(32, 60, 46, .3);
}

[data-theme="light"] .header-balance span { color: var(--ox-muted); }
[data-theme="light"] .lang-btn.is-active { background: #e1ece5; }
[data-theme="light"] .theme-toggle .thumb { background: var(--ox-accent); }

[data-theme="light"] .btn-primary,
[data-theme="light"] .cab-main-action,
[data-theme="light"] .cab-buy-action-primary,
[data-theme="light"] .saas-card .btn-primary {
  background: #287663;
  border-color: #287663;
  color: #f2f7f3;
  box-shadow: 0 15px 28px -22px rgba(31, 77, 61, .58) !important;
}

[data-theme="light"] .btn-primary:hover,
[data-theme="light"] .cab-main-action:hover,
[data-theme="light"] .cab-buy-action-primary:hover,
[data-theme="light"] .saas-card .btn-primary:hover {
  background: #1f6251;
  border-color: #1f6251;
}

[data-theme="light"] .download-card,
[data-theme="light"] .price-card,
[data-theme="light"] .ox-cfg,
[data-theme="light"] .faq-item,
[data-theme="light"] #status-card,
[data-theme="light"] .guide-action-card,
[data-theme="light"] .cabinet-auth,
[data-theme="light"] .legal-doc,
[data-theme="light"] .ox-step,
[data-theme="light"] .ox-panel,
[data-theme="light"] .saas-card,
[data-theme="light"] .cab-client,
[data-theme="light"] .cab-key-tile,
[data-theme="light"] .cab-confirm {
  background: rgba(255, 255, 255, .96) !important;
  border-color: rgba(28, 72, 56, .13) !important;
  box-shadow: var(--ox-card-shadow) !important;
}

[data-theme="light"] .ox-page-shell .download-card,
[data-theme="light"] .ox-page-shell .price-card,
[data-theme="light"] .ox-page-shell .ox-cfg,
[data-theme="light"] .ox-page-shell .faq-item,
[data-theme="light"] .ox-page-shell #status-card,
[data-theme="light"] .ox-page-shell .guide-action-card,
[data-theme="light"] .ox-page-shell .cabinet-auth,
[data-theme="light"] .ox-page-shell .legal-doc,
[data-theme="light"] .ox-page-shell .saas-card,
[data-theme="light"] .ox-page-shell .cab-client,
[data-theme="light"] .ox-page-shell .cab-key-tile,
[data-theme="light"] .ox-page-shell .cab-confirm {
  background: rgba(255, 255, 255, .96) !important;
  border-color: rgba(28, 72, 56, .13) !important;
  box-shadow: var(--ox-card-shadow) !important;
}

[data-theme="light"] .price-card.featured {
  background: linear-gradient(145deg, #236b59, #3b856d) !important;
  border-color: rgba(24, 82, 64, .32) !important;
  color: #f1f6f2;
}
[data-theme="light"] .price-card.featured :is(h2, h3, strong, .price-value) { color: #f5faf6; }
[data-theme="light"] .price-card.featured :is(p, small, li) { color: rgba(240, 248, 242, .78); }

[data-theme="light"] .download-links a,
[data-theme="light"] .cab-buy-action,
[data-theme="light"] .cab-renew-key-option,
[data-theme="light"] .cab-balance-tool {
  background: #f7faf8;
  border-color: rgba(28, 72, 56, .14);
  color: var(--ox-text);
  box-shadow: none;
}

[data-theme="light"] .download-links a:hover,
[data-theme="light"] .cab-buy-action:hover,
[data-theme="light"] .cab-renew-key-option:hover {
  background: #edf5f0;
  border-color: rgba(47, 113, 98, .35);
}

[data-theme="light"] input,
[data-theme="light"] select,
[data-theme="light"] textarea,
[data-theme="light"] .cabinet-topup-custom,
[data-theme="light"] .cab-renew-key-select,
[data-theme="light"] .cab-key-token-copy,
[data-theme="light"] .cab-key-status,
[data-theme="light"] .cab-device-list {
  background: #f7faf8 !important;
  border-color: rgba(28, 72, 56, .16) !important;
  color: var(--ox-text) !important;
}

[data-theme="light"] input::placeholder,
[data-theme="light"] textarea::placeholder { color: #718279; }

[data-theme="light"] .cabinet-tabs,
[data-theme="light"] .cabinet-consent {
  background: #f4f8f5 !important;
  border-color: rgba(28, 72, 56, .14) !important;
  color: var(--ox-text) !important;
}
[data-theme="light"] .cabinet-tab.active {
  background: #ffffff !important;
  color: var(--ox-text) !important;
}
[data-theme="light"] .cabinet-forgot-banner {
  background: #f5f8f6 !important;
  border-color: rgba(36, 70, 54, .16) !important;
}
[data-theme="light"] .cabinet-consent-box {
  background: #eef4f0 !important;
  border-color: rgba(36, 70, 54, .2) !important;
}

[data-theme="light"] .ox-section-steps { background: #eef4f0; }

[data-theme="light"] .hero-setup-card {
  background:
    linear-gradient(#fff, #fff) padding-box,
    linear-gradient(115deg, #d5e5da, #82ae98 24%, #e5eee8 72%, #95b9a5) border-box;
  box-shadow: inset 0 0 0 4px rgba(240, 247, 242, .8), 0 20px 38px -32px rgba(32, 73, 55, .28);
}

[data-theme="light"] .hero-setup-step,
[data-theme="light"] .ox-route,
[data-theme="light"] .ox-stat {
  background:
    linear-gradient(#fff, #fff) padding-box,
    linear-gradient(110deg, #d7e5db, #8ab09c 34%, #e6eee8 78%, #95b9a5) border-box;
  color: var(--ox-text);
  box-shadow: 0 14px 28px -24px rgba(32, 66, 51, .28);
}

[data-theme="light"] .hero-setup-step--primary {
  background: #3b7968;
  border-color: #3b7968;
  color: #f3f8f4;
}

[data-theme="light"] .ox-mc-bg {
  background: linear-gradient(180deg, #ebf3ee, #f3f7f4 58%, #e8f1eb);
}
[data-theme="light"] .ox-mc-bg .ox-panel { background: #fff !important; }
[data-theme="light"] .ox-mc-bg .ox-node {
  background: #f5f9f6;
  border-color: rgba(36, 70, 54, .15);
}
[data-theme="light"] .ox-mc-bg .ox-node.is-best { background: #edf6f0; }
[data-theme="light"] .ox-panel-head .ox-refresh { background: #edf4f0; }
[data-theme="light"] .ox-node-load { background: rgba(35, 62, 49, .12); }

[data-theme="light"] .ox-cta-band {
  background: #edf4f0 !important;
  border-color: rgba(36, 70, 54, .14) !important;
}

[data-theme="light"] .faq-support-card,
[data-theme="light"] .pricing-note,
[data-theme="light"] .ox-cfg-devices,
[data-theme="light"] .cab-mobile-live-price {
  background: linear-gradient(145deg, #ffffff, #eef5f0) !important;
  border-color: rgba(36, 70, 54, .18) !important;
}

[data-theme="light"] .cab-key-tile-actions .cab-key-happ,
[data-theme="light"] .cab-key-tile-actions .cab-key-clash {
  background: #f3f8f5;
  border-color: rgba(36, 70, 54, .19);
  color: var(--ox-text);
}
[data-theme="light"] .cab-key-happ strong,
[data-theme="light"] .cab-key-tile-actions .cab-key-clash strong { color: var(--ox-text); }
[data-theme="light"] .cab-key-happ > i {
  color: #245b4e;
  background: #e2eee7;
  border-color: rgba(36, 70, 54, .18);
}

[data-theme="light"] .ox-forest {
  --forest-bg: #eef5f1;
  --forest-text: #183329;
  --forest-muted: #426255;
  --forest-accent: #286957;
  background: linear-gradient(180deg, #f8faf9, #eff6f1 45%, #eaf3ed 78%, var(--ox-hero-floor));
}

[data-theme="light"] .ox-forest-art {
  opacity: .68;
  filter: saturate(.84) contrast(1.02);
}
[data-theme="light"] .ox-forest-install { color: #294f44; }
[data-theme="light"] .ox-forest-note,
[data-theme="light"] .ox-forest-facts small { color: #4a675b; }
[data-theme="light"] .ox-forest-facts > * { border-top-color: rgba(35, 66, 52, .2); }
[data-theme="light"] .ox-forest-motion {
  color: #284f43;
  background: rgba(255, 255, 255, .88);
  border-color: rgba(35, 66, 52, .2);
}
[data-theme="light"] .ox-forest-connect {
  background: #287663;
  border-color: #287663;
  color: #f2f7f3;
  box-shadow: 0 12px 24px -18px rgba(31, 77, 61, .56);
}
[data-theme="light"] .ox-forest-connect:hover { background: #1f6251; color: #f2f7f3; }
[data-theme="light"] .ox-forest + .ox-section { background: var(--ox-hero-floor); }

@media (max-width: 760px) {
  [data-theme="light"] .site-header { background: rgba(250, 252, 251, .96); }
  [data-theme="light"] .ox-forest-art { opacity: .9; }
}