:root {
  color-scheme: dark;
  --bg-app: #0b0b0f;
  --bg-gradient-start: #141419;
  --bg-gradient-end: #08080b;
  --card-bg: #1c1c1e;
  --card-border: rgba(255, 255, 255, 0.075);
  --card-glow: rgba(10, 132, 255, 0.08);
  --surface-base: #0b0b0f;
  --surface-primary: #1c1c1e;
  --surface-secondary: #242426;
  --surface-raised: #2c2c2e;
  --surface-info: #151c24;
  --surface-error: #241719;
  --surface-empty: #202024;
  --surface-selected: rgba(10, 132, 255, 0.15);
  --surface-hover: rgba(255, 255, 255, 0.055);
  --separator: rgba(255, 255, 255, 0.085);
  --separator-strong: rgba(255, 255, 255, 0.14);
  --separator-info: rgba(10, 132, 255, 0.28);
  --accent-rgb: 10, 132, 255;
  --accent: #0a84ff;
  --accent-hover: #409cff;
  --accent-glow: rgba(10, 132, 255, 0.22);
  --success: #30d158;
  --success-glow: rgba(48, 209, 88, 0.14);
  --warning: #ffd60a;
  --warning-glow: rgba(255, 214, 10, 0.13);
  --danger: #ff453a;
  --danger-glow: rgba(255, 69, 58, 0.14);
  --text-primary: #f5f5f7;
  --text-secondary: #aeaeb2;
  --text-muted: #7c7c80;
  --text-info: #8ec5ff;
  --font-sans: -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "PingFang SC", "Helvetica Neue", "Segoe UI", sans-serif;
  --font-mono: "SFMono-Regular", ui-monospace, "Cascadia Mono", "JetBrains Mono", Consolas, monospace;
  --radius-card: 16px;
  --radius-input: 12px;
  --radius-badge: 8px;
  --radius-sheet: 22px;
  --shadow-panel: 0 12px 34px rgba(0, 0, 0, 0.28);
  --shadow-raised: 0 20px 56px rgba(0, 0, 0, 0.46);
  --motion-fast: 90ms;
  --motion-view: 180ms;
  --motion-sheet: 280ms;
  --ease-standard: cubic-bezier(0.2, 0.8, 0.2, 1);
  --ease-spring: cubic-bezier(0.22, 1, 0.36, 1);
  --z-header: 30;
  --z-tabbar: 80;
  --z-overlay: 100;
  --z-sheet: 110;
  --z-toast: 120;
}

html {
  background: var(--surface-base);
  scroll-behavior: smooth;
}

body {
  min-height: 100dvh;
  background:
    radial-gradient(circle at 18% -10%, rgba(255, 255, 255, 0.055), transparent 30rem),
    linear-gradient(180deg, #0e0e13 0%, var(--surface-base) 30rem);
  color: var(--text-primary);
  font-family: var(--font-sans);
  font-feature-settings: "kern" 1, "tnum" 1;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

.font-mono,
[class*="price"],
[class*="value"],
[class*="amount"],
[class*="return"],
td,
th {
  font-variant-numeric: tabular-nums;
}

button,
input,
select,
textarea {
  font: inherit;
}

button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
[role="tab"]:focus-visible,
[tabindex]:focus-visible {
  outline: 3px solid rgba(10, 132, 255, 0.78) !important;
  outline-offset: 2px;
}

::selection {
  background: rgba(10, 132, 255, 0.38);
  color: #fff;
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }

  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
    transition-duration: 0.01ms !important;
  }
}