:root {
  --bg: #070708;
  --bg-elevated: #0d0d0f;
  --surface: #151518;
  --surface-2: #1c1c20;
  --surface-3: #24242a;
  --text: #f7f7f8;
  --text-soft: #b6b6c0;
  --text-dim: #7f7f8a;
  --line: rgba(255, 255, 255, 0.08);
  --accent: #d946ef;
  --accent-2: #8b5cf6;
  --accent-3: #fb7185;
  --success: #34d399;
  --warning: #fbbf24;
  --danger: #fb7185;
  --app-top: #0f0f12;
  --app-bottom: #070708;
  --card-top: rgba(31,31,36,.92);
  --card-bottom: rgba(21,21,24,.94);
  --nav-bg: rgba(24,24,28,.88);
  --sheet-bg: #111114;
  --toast-bg: rgba(35,35,40,.96);
  --radius-xl: 30px;
  --radius-lg: 24px;
  --radius-md: 18px;
  --radius-sm: 14px;
  --shadow-app: 0 28px 80px rgba(0, 0, 0, 0.46);
  --shadow-card: 0 14px 36px rgba(0, 0, 0, 0.22);
  --ease-out: cubic-bezier(.2, .75, .25, 1);
  --ease-spring: cubic-bezier(.2, 1.25, .35, 1);
  --tap: 44px;
  --content-max: 430px;
  --safe-top: max(18px, env(safe-area-inset-top));
  --safe-bottom: max(18px, env(safe-area-inset-bottom));
  --ui-dim: 0;
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", Inter, system-ui, sans-serif;
}

:root[data-theme="light"] {
  --bg: #eeeeF2;
  --bg-elevated: #f7f7f9;
  --surface: #ffffff;
  --surface-2: #f0f0f4;
  --surface-3: #e7e7ec;
  --text: #111114;
  --text-soft: #5f5f68;
  --text-dim: #8b8b95;
  --line: rgba(20,20,28,.09);
  --app-top: #f8f8fa;
  --app-bottom: #ededf1;
  --card-top: rgba(255,255,255,.96);
  --card-bottom: rgba(247,247,250,.96);
  --nav-bg: rgba(250,250,252,.9);
  --sheet-bg: #f8f8fa;
  --toast-bg: rgba(25,25,30,.94);
  --shadow-app: 0 28px 70px rgba(28,28,36,.14);
  --shadow-card: 0 12px 28px rgba(28,28,36,.08);
}