/* =========================================================
   PULSE — global.css
   Tokens, themes, base styles, splash, app shell
   ========================================================= */

:root {
  --bg: #F5F3F0; --bg-2: #ECE9E4; --surface: #FFFFFF;
  --text: #1A1820; --text-2: #6B6773; --border: rgba(0,0,0,0.06);
  --primary: #7C3AED; --primary-2: #A855F7;
  --accent-cyan: #06B6D4; --accent-pink: #EC4899;
  --accent-blue: #3B82F6; --accent-lime: #84CC16;
  --clay-raised: 10px 10px 24px rgba(0,0,0,0.10), -8px -8px 20px rgba(255,255,255,0.85);
  --clay-inset: inset 4px 4px 10px rgba(0,0,0,0.10), inset -4px -4px 10px rgba(255,255,255,0.85);
  --clay-press: inset 6px 6px 14px rgba(0,0,0,0.12), inset -4px -4px 10px rgba(255,255,255,0.7);
  --r-sm: 12px; --r-md: 16px; --r-lg: 24px; --r-xl: 32px; --r-pill: 999px;
  --s-1: 4px; --s-2: 8px; --s-3: 12px; --s-4: 16px; --s-5: 24px; --s-6: 32px; --s-7: 48px;
  --font: 'Inter', system-ui, -apple-system, sans-serif;
  --f-xs: 12px; --f-sm: 14px; --f-md: 16px; --f-lg: 20px; --f-xl: 24px; --f-2xl: 32px;
  --nav-h: 72px; --top-h: 64px; --maxw: 640px;
  --ease: cubic-bezier(.2,.8,.2,1); --dur: 220ms;
}

[data-theme="dark"] {
  --bg:#121212; --bg-2:#0E0E12; --surface:#1C1C22;
  --text:#F5F3F0; --text-2:#9A96A6; --border:rgba(255,255,255,0.06);
  --clay-raised: 10px 10px 24px rgba(0,0,0,0.55), -6px -6px 18px rgba(255,255,255,0.03);
  --clay-inset: inset 4px 4px 10px rgba(0,0,0,0.55), inset -4px -4px 10px rgba(255,255,255,0.03);
}
[data-theme="nocturne"]     { --bg:#0B1026; --bg-2:#080C1E; --surface:#141A38; --primary:#5B8CFF; --text:#E6EAF6; --text-2:#8A93B8; --border:rgba(255,255,255,0.08); }
[data-theme="eclipse"]      { --bg:#0A0A0A; --bg-2:#050505; --surface:#161616; --primary:#FF6B35; --text:#F2F2F2; --text-2:#8A8A8A; --border:rgba(255,255,255,0.08); }
[data-theme="void"]         { --bg:#000000; --bg-2:#000000; --surface:#101010; --primary:#A855F7; --text:#EDEDED; --text-2:#7A7A7A; --border:rgba(255,255,255,0.08); }
[data-theme="umbra"]        { --bg:#1A1410; --bg-2:#120E0B; --surface:#241C16; --primary:#C77DFF; --text:#F2E9E0; --text-2:#9A8874; --border:rgba(255,255,255,0.08); }
[data-theme="abyss"]        { --bg:#04121F; --bg-2:#020B14; --surface:#0A1D2E; --primary:#00C2FF; --text:#E0F2FF; --text-2:#6B8BA3; --border:rgba(255,255,255,0.08); }
[data-theme="nexus"]        { --bg:#0F0F1A; --bg-2:#0A0A14; --surface:#181826; --primary:#00FFC6; --text:#E8E8F2; --text-2:#7A7A94; --border:rgba(255,255,255,0.08); }
[data-theme="velvet"]       { --bg:#1A0A14; --bg-2:#12060E; --surface:#26101C; --primary:#E11D74; --text:#F6E4EC; --text-2:#A8758A; --border:rgba(255,255,255,0.08); }
[data-theme="mascellinous"] { --bg:#14161A; --bg-2:#0E1014; --surface:#1E2126; --primary:#3B82F6; --text:#E8EAEE; --text-2:#7E838C; --border:rgba(255,255,255,0.08); }
[data-theme="sunrise"]      { --bg:#FFF7ED; --bg-2:#FFEDD5; --surface:#FFFFFF; --primary:#FF8C42; --text:#1F1300; --text-2:#7C5D3E; }
[data-theme="mint"]         { --bg:#F0FDF4; --bg-2:#DCFCE7; --surface:#FFFFFF; --primary:#10B981; --text:#0F1F17; --text-2:#5A7B6B; }
[data-theme="ocean"]        { --bg:#F0F9FF; --bg-2:#E0F2FE; --surface:#FFFFFF; --primary:#0EA5E9; --text:#0C1A24; --text-2:#527585; }
[data-theme="coral"]        { --bg:#FFF1F2; --bg-2:#FFE4E6; --surface:#FFFFFF; --primary:#FF6B6B; --text:#210F0F; --text-2:#7A4F4F; }
[data-theme="lavender"]     { --bg:#F5F3FF; --bg-2:#EDE9FE; --surface:#FFFFFF; --primary:#8B5CF6; --text:#1F1B2E; --text-2:#6B6389; }
[data-theme="midnight_gold"]{ --bg:#0F0E0B; --bg-2:#1A180F; --surface:#201D14; --primary:#FBBF24; --text:#F5F0E1; --text-2:#9C8E6C; --border:rgba(251,191,36,0.15); }
[data-theme="rose_pine"]    { --bg:#191724; --bg-2:#1F1D2E; --surface:#26233A; --primary:#EB6F92; --text:#E0DEF4; --text-2:#908CAA; --border:rgba(235,111,146,0.15); }
[data-theme="forest"]       { --bg:#0F1F17; --bg-2:#0A1710; --surface:#162A1F; --primary:#22C55E; --text:#E5F4EC; --text-2:#83A895; --border:rgba(34,197,94,0.15); }

[data-text-size="sm"] {
  --f-xs: 11px; --f-sm: 12px; --f-md: 14px; --f-lg: 17px; --f-xl: 20px; --f-2xl: 28px;
}
[data-text-size="md"] {
  --f-xs: 12px; --f-sm: 14px; --f-md: 16px; --f-lg: 20px; --f-xl: 24px; --f-2xl: 32px;
}
[data-text-size="lg"] {
  --f-xs: 14px; --f-sm: 16px; --f-md: 18px; --f-lg: 22px; --f-xl: 26px; --f-2xl: 36px;
}
[data-text-size="xl"] {
  --f-xs: 16px; --f-sm: 18px; --f-md: 20px; --f-lg: 24px; --f-xl: 28px; --f-2xl: 40px;
}

[data-contrast="high"] { --border: rgba(0,0,0,0.2); --text-2: #3D3A45; }
[data-contrast="high"][data-theme="dark"] { --border: rgba(255,255,255,0.2); --text-2: #C5C0CC; }

*, *::before, *::after { box-sizing: border-box; }
html, body { margin: 0; padding: 0; height: 100%; }
body {
  font-family: var(--font);
  background: var(--bg);
  color: var(--text);
  font-size: var(--f-md);
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
  transition: background var(--dur) var(--ease), color var(--dur) var(--ease);
  overflow-x: hidden;
}
a { color: var(--primary); text-decoration: none; }
button { font-family: inherit; cursor: pointer; border: none; background: none; color: inherit; }
input, textarea { font-family: inherit; }
img { max-width: 100%; display: block; }
.hidden { display: none !important; }

.splash {
  position: fixed; inset: 0; display: grid; place-items: center;
  background:
    radial-gradient(circle at 30% 20%, color-mix(in srgb, var(--primary) 14%, transparent), transparent 50%),
    radial-gradient(circle at 70% 80%, color-mix(in srgb, var(--accent-pink) 12%, transparent), transparent 50%),
    var(--bg);
  z-index: 1000;
}
.splash-logo { text-align: center; }
.splash-logo h1 { font-size: 42px; margin: 12px 0 4px; color: var(--primary); font-weight: 800; letter-spacing: -1px; }
.splash-logo p { color: var(--text-2); margin: 0; }

.screen { min-height: 100dvh; }
.app-main {
  max-width: var(--maxw);
  margin: 0 auto;
  padding: var(--top-h) var(--s-4) calc(var(--nav-h) + var(--s-5));
}