/* src/index.css */
:root {
  color-scheme: dark;

  --bg0: #0B0C0F;

  --panel: #1E2128;
  --panel-weak: #1E2128;

  --profit: #22C55E;
  --phantomPurple: #A892FF;

  --stroke: rgba(255,255,255,0.08);

  /* 런타임 값이 있으면 그것을 우선 사용, 없을 때만 env fallback */
  --safe-top: var(--safe-top-runtime, env(safe-area-inset-top, 0px));

  --safe-bottom: var(--safe-bottom-runtime, env(safe-area-inset-bottom, 0px));

  --nav-h: 92px;
  --nav-space: calc(var(--nav-h) + var(--safe-bottom));

  --header-space: calc(var(--safe-top) + 74px);

  --nav-bg: var(--bg0);

  --card-cash-bg: #1B1C20;
  --card-bg: #1B1C20;
  --action-bg: #1B1C20;

  --cta-purple: #A78BFA;
  --cta-purple-pressed: #9274F2;
  --cta-purple-disabled: #6E6E73;
}

* { box-sizing: border-box; }

html, body {
  height: 100%;
  min-height: 100dvh;
  width: 100%;
  margin: 0;
  background: var(--bg0) !important;
}

html {
  overflow: hidden;
  overscroll-behavior: none;
  background: var(--bg0) !important;
}

body {
  overflow: hidden;
  overscroll-behavior: none;
  overscroll-behavior-x: none;
  overscroll-behavior-y: none;

  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text",
    system-ui, "Segoe UI", Roboto, Arial, sans-serif;

  font-variant-numeric: tabular-nums;
  font-feature-settings: "tnum" 1, "kern" 1;

  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: geometricPrecision;
}

#root{
  height: 100%;
  min-height: 100dvh;
  width: 100%;
  margin: 0;
  background: var(--bg0);
  overflow: hidden;
}

img { display: block; }