/* Matte sage palette for the public site's light theme. */
[data-theme="light"] {
  --ox-bg: #c7d5ca;
  --ox-bg-2: #d1ddd3;
  --ox-surface: rgba(220, 231, 222, .94);
  --ox-surface-2: rgba(210, 224, 213, .96);
  --ox-surface-3: #c1d1c4;
  --ox-line: rgba(35, 66, 52, .16);
  --ox-line-2: rgba(35, 66, 52, .27);
  --ox-text: #172a22;
  --ox-muted: #405a4e;
  --ox-dim: #5c7367;
  --ox-accent: #2f7162;
  --ox-accent-2: #5b9078;
  --ox-accent-ink: #245b4e;
  --ox-accent-soft: rgba(47, 113, 98, .13);
  --ox-accent-line: rgba(47, 113, 98, .3);
  --ox-glow: 0 0 0 1px rgba(47, 113, 98, .12), 0 20px 42px -24px rgba(38, 76, 60, .24);
  --ox-card-shadow: 0 18px 38px -26px rgba(35, 61, 49, .27), inset 0 1px 0 rgba(240, 246, 241, .48);
  --ox-hero-floor: #cedcd1;
  --ox-mc-floor: #c5d6c8;
  --ox-page-glow:
    radial-gradient(ellipse 110% 70% at 8% 0%, rgba(119, 158, 132, .24), transparent 58%),
    radial-gradient(ellipse 100% 72% at 96% 100%, rgba(79, 129, 108, .17), transparent 56%),
    linear-gradient(160deg, rgba(211, 225, 214, .42), rgba(186, 206, 191, .2));
}

[data-theme="light"] body {
  background: #c7d5ca;
  color: var(--ox-text);
}

[data-theme="light"] .ox-light-decor {
  opacity: 1;
  background:
    radial-gradient(circle at 11% 17%, rgba(109, 148, 120, .16), transparent 24%),
    radial-gradient(circle at 88% 23%, rgba(71, 121, 101, .14), transparent 28%),
    radial-gradient(circle at 62% 86%, rgba(140, 169, 143, .18), transparent 31%),
    linear-gradient(145deg, #d2dfd5 0%, #c4d4c7 48%, #cbd9ce 74%, #bfcfc3 100%);
}

[data-theme="light"] .site-header {
  background: rgba(211, 225, 215, .92);
  border-bottom-color: rgba(38, 70, 55, .14);
  box-shadow: 0 1px 0 rgba(38, 70, 55, .1), 0 14px 34px -30px rgba(31, 59, 46, .42);
  backdrop-filter: saturate(120%) blur(12px);
  -webkit-backdrop-filter: saturate(120%) blur(12px);
}

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

[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: #1e5145;
  background: rgba(88, 137, 109, .13);
}

[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: #d7e3da;
  border-color: rgba(36, 70, 54, .2);
  color: #1c352a;
  box-shadow: 0 10px 22px -18px rgba(32, 60, 46, .36);
}

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

[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: #2f7162;
  border-color: #2f7162;
  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: #285f53;
  border-color: #285f53;
}

[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(220, 231, 222, .94) !important;
  border-color: rgba(36, 70, 54, .17) !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(220, 231, 222, .94) !important;
  border-color: rgba(36, 70, 54, .17) !important;
  box-shadow: var(--ox-card-shadow) !important;
}

[data-theme="light"] .price-card.featured {
  background: linear-gradient(145deg, #356f60, #477f6b) !important;
  border-color: rgba(30, 83, 67, .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: #d2e0d5;
  border-color: rgba(36, 70, 54, .17);
  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: #c6d8ca;
  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: #cfddd2 !important;
  border-color: rgba(36, 70, 54, .2) !important;
  color: var(--ox-text) !important;
}

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

[data-theme="light"] .cabinet-tabs,
[data-theme="light"] .cabinet-consent {
  background: #d2e0d5 !important;
  border-color: rgba(36, 70, 54, .18) !important;
  color: var(--ox-text) !important;
}
[data-theme="light"] .cabinet-tab.active {
  background: #e0e9e2 !important;
  color: var(--ox-text) !important;
}
[data-theme="light"] .cabinet-forgot-banner {
  background: #d5e0d7 !important;
  border-color: rgba(36, 70, 54, .16) !important;
}
[data-theme="light"] .cabinet-consent-box {
  background: #c5d5c9 !important;
  border-color: rgba(36, 70, 54, .2) !important;
}

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

[data-theme="light"] .hero-setup-card {
  background:
    linear-gradient(#dbe7dd, #dbe7dd) padding-box,
    linear-gradient(115deg, #b7cdbd, #739b84 24%, #c2d6c7 72%, #7fa38d) border-box;
  box-shadow: inset 0 0 0 4px rgba(195, 214, 199, .76), 0 20px 38px -32px rgba(32, 73, 55, .38);
}

[data-theme="light"] .hero-setup-step,
[data-theme="light"] .ox-route,
[data-theme="light"] .ox-stat {
  background:
    linear-gradient(#d9e6dc, #d9e6dc) padding-box,
    linear-gradient(110deg, #b6cdbb, #789e87 34%, #c3d6c6 78%, #86aa93) 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, #c5d6c8, #ceddd1 58%, #c1d2c5);
}
[data-theme="light"] .ox-mc-bg .ox-panel { background: #d9e6dc !important; }
[data-theme="light"] .ox-mc-bg .ox-node {
  background: #ceddd1;
  border-color: rgba(36, 70, 54, .15);
}
[data-theme="light"] .ox-mc-bg .ox-node.is-best { background: #c7d9cc; }
[data-theme="light"] .ox-panel-head .ox-refresh { background: #c8d9cc; }
[data-theme="light"] .ox-node-load { background: rgba(35, 62, 49, .12); }

[data-theme="light"] .ox-cta-band {
  background: #c8d7cb !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, #d9e6dc, #cbdccf) !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: #cadbd0;
  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: #bcd2c2;
  border-color: rgba(36, 70, 54, .18);
}

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

[data-theme="light"] .ox-forest-art {
  opacity: .84;
  filter: saturate(.88) contrast(1.06);
}
[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(199, 216, 203, .9);
  border-color: rgba(35, 66, 52, .2);
}
[data-theme="light"] .ox-forest-connect {
  background: #2f7162;
  border-color: #2f7162;
  color: #f2f7f3;
  box-shadow: 0 12px 24px -18px rgba(31, 77, 61, .56);
}
[data-theme="light"] .ox-forest-connect:hover { background: #285f53; 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(211, 225, 215, .96); }
  [data-theme="light"] .ox-forest-art { opacity: .9; }
}
