/* Kalmat standalone pages (pricing, privacy, terms, reset, share) — the landing's lacquer & gold,
   same three modes as the app (html[data-theme] set before first paint by /js/theme-early.js). */
@font-face { font-family: "Fraunces"; src: url("/fonts/fraunces-var.woff2") format("woff2"); font-weight: 500 700; font-style: normal; font-display: swap; }
@font-face { font-family: "Inter"; src: url("/fonts/inter-var.woff2") format("woff2"); font-weight: 100 900; font-style: normal; font-display: swap; }

:root, html[data-theme="dark"] {
  --k-bg: #07060A; --k-surface: rgba(22, 19, 28, .88); --k-surface-2: rgba(255, 255, 255, .03); --k-field: #0E0C12;
  --k-line: #2A2432; --k-line-strong: #3A3244;
  --k-head: #F3EDE2; --k-text: #D6CEC1; --k-muted: #A69FAE; --k-faint: #7D7686;
  --k-accent: #C9A45C; --k-accent-hi: #E8CD8E; --k-accent-rgb: 201, 164, 92;
  --k-btn: linear-gradient(135deg, #EDD59C 0%, #C9A45C 55%, #A8843F 100%); --k-on-accent: #1A1206;
  --k-up: #4ADE80; --k-down: #F87171;
  --k-glow: radial-gradient(1000px 520px at 80% -10%, rgba(107, 78, 155, .14), transparent 62%), radial-gradient(900px 500px at 0% 0%, rgba(201, 164, 92, .08), transparent 60%);
  --k-shadow: 0 1px 0 rgba(255, 255, 255, .03) inset, 0 30px 60px -30px rgba(0, 0, 0, .8);
  --k-display: "Fraunces", Georgia, "Times New Roman", serif;
  --k-font: "Inter", "Segoe UI", system-ui, -apple-system, sans-serif;
  color-scheme: dark;
}
html[data-theme="light"] {
  --k-bg: #F7F2E6; --k-surface: #FFFDF8; --k-surface-2: #FBF6EC; --k-field: #FFFFFF;
  --k-line: #E4D9C4; --k-line-strong: #D5C7AC;
  --k-head: #1B1622; --k-text: #3F3847; --k-muted: #5F5767; --k-faint: #8A8292;
  --k-accent: #7E5E25; --k-accent-hi: #7E5E25; --k-accent-rgb: 126, 94, 37;
  --k-up: #15803D; --k-down: #B91C1C;
  --k-glow: radial-gradient(1000px 520px at 80% -10%, rgba(201, 164, 92, .16), transparent 62%);
  --k-shadow: 0 1px 2px rgba(60, 40, 10, .06), 0 24px 48px -28px rgba(60, 40, 10, .28);
  color-scheme: light;
}
html[data-theme="ultra-dark"] {
  --k-bg: #000000; --k-surface: #08070B; --k-surface-2: rgba(255, 255, 255, .02); --k-field: #050407;
  --k-line: #1E1A24; --k-line-strong: #2A2532;
  --k-glow: none;
}

html { background: var(--k-bg); }
body { font-family: var(--k-font); background: var(--k-bg); background-image: var(--k-glow); background-repeat: no-repeat; color: var(--k-text); -webkit-font-smoothing: antialiased; }
h1, h2 { font-family: var(--k-display); font-weight: 600; letter-spacing: -0.01em; }
a { color: var(--k-accent-hi); }
::selection { background: rgba(var(--k-accent-rgb), .35); }
:focus-visible { outline: 2px solid var(--k-accent); outline-offset: 2px; }