:root {
  /* Backgrounds */
  --bg:       #0d0d0d;
  --bg2:      #141414;
  --surface:  #1a1a1a;
  --surface2: #212121;
  --surface3: #2a2a2a;

  /* Borders */
  --border:  #242424;
  --border2: #303030;

  /* Accent — orange */
  --accent:      #ff6419;
  --accent2:     #ff8c4b;
  --accent-dim:  rgba(255, 100, 25, 0.14);
  --accent-glow: rgba(255, 100, 25, 0.35);

  /* Text */
  --text:  #f0f0f0;
  --text2: #9a9a9a;
  --text3: #555555;

  /* Semantic */
  --green:  #39d98a;
  --red:    #ff4d6a;
  --blue:   #4d9fff;
  --yellow: #fbbf24;

  /* Safe area (iOS notch/home bar) */
  --safe-top: env(safe-area-inset-top, 0px);
  --safe-bot: env(safe-area-inset-bottom, 0px);

  /* Radius scale */
  --r-sm:  8px;
  --r-md:  12px;
  --r-lg:  16px;
  --r-xl:  20px;
  --r-2xl: 28px;

  /* Nav height */
  --nav-h: 64px;
}