/* ==========================================================================
 * PROTOTYPE-LOCAL THEME "frost" - derived from Ina's Sep-13 investor deck.
 * NOT a kit token decision. It overrides the kit's semantic --d-* roles for
 * this prototype only, plus a few --d-proto-* extras that styles.css reads
 * with fallbacks (so the kit themes ink / cobalt / teal still work unchanged).
 *
 * Deck cues: very pale silver-lavender field, soft frosted radial light,
 * navy text, large light-weight headlines, tiny letter-spaced corner labels,
 * thin 1px orbital arcs, glassy translucent cards, one dark "Meet your Double"
 * slide (used here for the Telegram hand-off hero).
 *
 * Contrast (WCAG 2.x, computed with the relative-luminance formula against the
 * solid values; see NOTES.md):
 *   text   #141B33 on page #EEF0F7  = 14.9:1   on white = 17.0:1
 *   muted  #4A5068 on page #EEF0F7  =  7.0:1   on white =  8.0:1
 *   accent #34489E on white          =  8.2:1
 *   dark hero text #F4F5FA on #0B0E1A = 17.7:1; dark muted #B8BDD0 on #0B0E1A = 10.3:1
 * Glass cards are at least 62% white over the page, so text on them stays
 * at or above the page figures.
 * ======================================================================== */
/* D-268 L7: app marks have a permanent white tile, independent of page theme. */
:root {
  --d-proto-connection-logo-bg: #FFFFFF;
  --d-proto-connection-logo-text: #141B33;
}
[data-theme="frost"] {
  --d-color-brand-background: #141B33;
  --d-color-brand-foreground: #F4F5FA;
  --d-color-page: #EEF0F7;
  --d-color-surface: #FFFFFF;
  --d-color-surface-raised: #FFFFFF;
  --d-color-text: #141B33;
  --d-color-text-muted: #4A5068;
  --d-color-border: #C9CDDC;
  --d-color-accent: #34489E;
  --d-color-accent-soft: #E5E8F7;
  --d-color-focus: #3454EE;
  --d-color-success: #0E6660;
  --d-color-success-soft: #DDF3EC;
  --d-color-warning: #7A5000;
  --d-color-warning-soft: #FFF0CC;
  --d-color-danger: #A6261B;
  --d-color-danger-soft: #FDE7E5;
  --d-gradient-brand: linear-gradient(135deg, #141B33 0%, #2F3A66 60%, #C9D0EE 140%);
  --d-gradient-ambient:
    radial-gradient(ellipse 60% 45% at 88% 4%, rgb(190 199 236 / 0.75), transparent 70%),
    radial-gradient(ellipse 55% 40% at 4% 96%, rgb(216 208 238 / 0.7), transparent 70%),
    radial-gradient(ellipse 40% 30% at 55% 50%, rgb(255 255 255 / 0.8), transparent 75%);

  /* prototype-local extras */
  --d-proto-display-weight: 350;
  --d-proto-display-tracking: -0.025em;
  --d-proto-label-tracking: 0.16em;
  --d-proto-card-bg: rgb(255 255 255 / 0.66);
  --d-proto-card-border: rgb(255 255 255 / 0.85);
  --d-proto-card-edge: rgb(20 27 51 / 0.08);
  --d-proto-card-blur: 18px;
  --d-proto-card-shadow: 0 1px 1px rgb(20 27 51 / 0.04), 0 18px 48px rgb(40 52 110 / 0.10);
  --d-proto-arc: rgb(52 72 158 / 0.22);
  --d-proto-dark-page: #0B0E1A;
  --d-proto-dark-glow: radial-gradient(ellipse 80% 60% at 110% 110%, rgb(120 138 220 / 0.35), transparent 60%);
  --d-proto-dark-text: #F4F5FA;
  --d-proto-dark-muted: #B8BDD0;
  --d-proto-dark-arc: rgb(214 222 255 / 0.75);
}

/* Solid fallback when backdrop-filter is unavailable: cards become opaque. */
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
  [data-theme="frost"] {
    --d-proto-card-bg: #FAFBFE;
  }
}

@media (prefers-reduced-transparency: reduce) {
  [data-theme="frost"] {
    --d-proto-card-bg: #FAFBFE;
    --d-proto-card-blur: 0px;
  }
}