/* plati.dev — cloud theme (data-storefront="cloud"), light-only.
   Cloned after the Pixwell "Software" demo reference (2026-11-12): airy white-blue
   storefront — white surfaces, azure accent #00a8e8, big soft radii, generous spacing.
   Loads after store.css/goods.css; component rules come from storefront.css
   (scoped body[data-storefront]) — this file only swaps the --sf-* tokens,
   bridges them onto Orvexa vars and adds cloud-specific tweaks.
   Fonts: Montserrat (headings, self-hosted /store/fonts-cloud.css) + Manrope (body). */

html[data-storefront='cloud'],
body[data-storefront='cloud'] {
  --sf-bg: #ffffff;
  --sf-surface: #ffffff;
  --sf-ink: #1f2b38;
  --sf-muted: #526277;
  --sf-line: #d5e4ef;
  --sf-control-line: #7fa3bd;
  --sf-accent: #00a8e8;
  --sf-soft: #f2f9fd;
  --sf-buy: #00a8e8;
  --sf-buy-hover: #0090c8;
  --sf-buy-active: #007bb0;
  --sf-buy-ink: #fff;
  --sf-good: #19995b;
  --sf-bad: #d9534f;
  --sf-warn: #b7791f;
  --sf-header-bg: #ffffff;
  --sf-header-ink: #1f2b38;
  --sf-header-control: #e8f2fa;
  --sf-header-line: #d5e4ef;
  --sf-header-accent: #00a8e8;
  --sf-focus: var(--sf-accent);
  --sf-radius: 14px;
  --sf-gutter: 24px;
  --sf-width: 1440px;
  --sf-font: 'Manrope', 'Segoe UI', ui-sans-serif, system-ui, sans-serif;
  --sf-order-shadow: 0 12px 32px rgba(0, 168, 232, .12), 0 2px 8px rgba(31, 43, 56, .07);
  --sf-pop-shadow: 0 16px 40px rgba(0, 168, 232, .16);

  /* Bridge existing production components to the cloud palette. */
  --bg: var(--sf-bg) !important;
  --surface: var(--sf-surface) !important;
  --surface-solid: var(--sf-surface) !important;
  --surface-2: var(--sf-soft) !important;
  --surface-3: var(--sf-line) !important;
  --text: var(--sf-ink) !important;
  --muted: var(--sf-muted) !important;
  --line: var(--sf-line) !important;
  --line-strong: var(--sf-control-line) !important;
  --primary: var(--sf-buy) !important;
  --primary-2: var(--sf-accent) !important;
  --primary-text: var(--sf-accent) !important;
  --mint: var(--sf-good) !important;
  --mint-text: var(--sf-good) !important;
  --danger: var(--sf-bad) !important;
  --danger-text: var(--sf-bad) !important;
  --amber: var(--sf-warn) !important;
  --amber-text: var(--sf-warn) !important;
  --cyan: var(--sf-accent) !important;
  --cyan-text: var(--sf-accent) !important;
  --font-display: var(--sf-font) !important;
  --orvexa-font-family: var(--sf-font) !important;
  --app-content-max-width: 1392px;
  --app-page-shell-max-width: var(--sf-width);
  --app-page-gutter-x: var(--sf-gutter);
  --page-card-radius: var(--sf-radius);
  color-scheme: light;
}

html[data-storefront='cloud'],
html[data-storefront='cloud'] body[data-storefront='cloud'] {
  background: var(--sf-bg) !important;
  color: var(--sf-ink) !important;
  font-family: var(--sf-font) !important;
}

/* --- cloud: Montserrat display voice for headings and big numbers ---------- */
body[data-storefront='cloud'] h1,
body[data-storefront='cloud'] h2,
body[data-storefront='cloud'] h3 {
  font-family: 'Montserrat', 'Manrope', var(--sf-font) !important;
  font-weight: 800;
  letter-spacing: -.02em;
}
body[data-storefront='cloud'] .store-logo,
body[data-storefront='cloud'] .store-logo-mark,
body[data-storefront='cloud'] .plati-price-big,
body[data-storefront='cloud'] .p2-metric strong,
body[data-storefront='cloud'] .sf-stat b {
  font-family: 'Montserrat', 'Manrope', var(--sf-font) !important;
}
body[data-storefront='cloud'] h1 { font-weight: 800; }
body[data-storefront='cloud'] h2,
body[data-storefront='cloud'] h3 { font-weight: 700; }

/* --- cloud: light header ---------------------------------------------------- */
body[data-storefront='cloud'] .store-header {
  border-bottom: 1px solid var(--sf-header-line);
  box-shadow: 0 1px 0 rgba(0, 168, 232, .04);
}
body[data-storefront='cloud'] .store-header-row {
  border-top: 1px solid var(--sf-header-line);
}
body[data-storefront='cloud'] .store-strip {
  background: #f2f9fd;
  color: var(--sf-ink);
}
body[data-storefront='cloud'] .store-header .sidebar-domain .sidebar-domain-toggle {
  border-color: transparent;
}
body[data-storefront='cloud'] .store-header #catalog-btn {
  border-color: var(--sf-header-line);
}
body[data-storefront='cloud'] .store-header .sidebar-domain .sidebar-domain-toggle:is(:hover, :active, [aria-expanded='true']),
body[data-storefront='cloud'] .store-header .sidebar-domain:is(.is-active, .is-open) > .sidebar-domain-toggle {
  border-color: var(--sf-header-line);
}

/* --- cloud: airy cards and azure links -------------------------------------- */
body[data-storefront='cloud'] .p2-panel,
body[data-storefront='cloud'] article.p2-metric {
  border-color: var(--sf-line);
}
body[data-storefront='cloud'] .p2-panel-head h2 { letter-spacing: -.02em; }
body[data-storefront='cloud'] a:not(.p2-btn):not(.store-logo):not(.plati-variant) { text-underline-offset: 3px; }
body[data-storefront='cloud'] .p2-btn.primary {
  box-shadow: 0 6px 18px rgba(0, 168, 232, .22);
}
body[data-storefront='cloud'] .p2-btn.primary:hover {
  box-shadow: 0 8px 22px rgba(0, 168, 232, .3);
}
body[data-storefront='cloud'] .plati-crumbs { color: var(--sf-muted); }
body[data-storefront='cloud'] .plati-crumbs b { color: var(--sf-ink); }

@media (prefers-reduced-motion: reduce) {
  body[data-storefront='cloud'] .p2-btn.primary,
  body[data-storefront='cloud'] .p2-btn.primary:hover { box-shadow: none; }
}