/* Legal pages (privacy / terms) — site-v2 light theme.
   Loaded after styles.css; layout, markup and content stay untouched. */
:root {
  --brand: #5754ff;
  --surface-primary: #fafaff;
  --surface-elevated: #ffffff;
  --surface-card: #ffffff;
  --surface-card-hover: #f3f2ff;
  --surface-overlay: rgba(25, 24, 43, 0.55);
  --text-primary: #19182b;
  --text-secondary: #54586a;
  --text-tertiary: #8b8a9e;
  --text-accent: #5754ff;
  --text-on-primary: #ffffff;
  --border-subtle: #ecebf5;
  --border-default: #e5e4ef;
  --border-strong: #d5d3e8;
  --shadow-float: 0 18px 50px rgba(25, 24, 43, 0.12);
  --color-primary-400: #5754ff;
  --color-primary-500: #4a47e0;
  --font-display: Qute, "Segoe UI", "Microsoft YaHei", sans-serif;
  --font-body: Qute, "Segoe UI", "Microsoft YaHei", sans-serif;
  color-scheme: light;
}

body { background: var(--surface-primary); color: var(--text-primary); }

.hero-bg {
  background:
    radial-gradient(ellipse 70% 60% at 18% 0%, rgba(87, 84, 255, 0.08) 0%, transparent 60%),
    radial-gradient(ellipse 60% 55% at 100% 35%, rgba(87, 84, 255, 0.05) 0%, transparent 55%),
    #fafaff;
}

.nav-scrolled {
  background: rgba(250, 250, 255, 0.92) !important;
  border-bottom: 1px solid var(--border-subtle);
}

#lang-toggle { color: var(--text-secondary); border: 1px solid var(--border-default); background: #ffffff; }
#lang-toggle:hover { color: var(--text-primary); border-color: var(--border-strong); }

#lang-menu { background: #ffffff; border: 1px solid var(--border-default); box-shadow: var(--shadow-float); }

.lang-option { color: var(--text-secondary); }
.lang-option:hover { background: var(--surface-card-hover); color: var(--text-primary); }
.lang-option[data-active="true"] { color: var(--text-primary); }
.lang-dot { background: var(--text-accent); }

.scenario-card, .highlight-card, .success-card {
  background: #ffffff;
  border: 1px solid var(--border-subtle);
  box-shadow: 0 24px 80px rgba(25, 24, 43, 0.06);
}

.cta-button { background: var(--brand); color: #ffffff; border-radius: 999px; }
.cta-button:hover { filter: brightness(1.06); }

.footer-border { background: transparent; border-top: 1px solid var(--border-subtle); }

.back-to-top-button { background: rgba(255, 255, 255, 0.92); color: var(--text-primary); border-color: var(--border-default); }

/* In-app (mode=app) light variant: align accent with the new brand */
html.privacy-app-mode body.privacy-page {
  --text-primary: #19182b;
  --text-secondary: #54586a;
  --text-tertiary: #8b8a9e;
  --text-accent: #5754ff;
  --surface-primary: #ffffff;
  --border-subtle: #ecebf5;
}
html.privacy-app-mode body.privacy-page .text-accent { color: #5754ff !important; }
html.privacy-app-mode body.privacy-page article a:not([data-role="privacy-home-link"]):not([data-role="terms-home-link"]) { color: #5754ff; }