/* Design Tokens */
:root {
  --primary-color: #ff9000;
  --bg-color: #0d0d0d;
  --card-bg-color: #1a1a1a;
  --text-color: #fff;

  /* spacing (optional, reserved for future) */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-6: 1.5rem;

  /* radius and shadow */
  --radius-1: 8px;
  --radius-pill: 1.25rem;
  --shadow-1: 0 4px 12px rgba(0, 0, 0, 0.2);

  /* z-index */
  --z-nav: 1000;
}

/* iOS-like semantic tokens (dark) */
:root {
  --ios-system-bg: #0d0d0d;
  --ios-secondary-bg: #141414;
  --ios-tertiary-bg: #1a1a1a;
  --ios-separator: rgba(255, 255, 255, 0.12);
  --ios-label: #ffffff;
  --ios-secondary-label: rgba(255, 255, 255, 0.6);
  --ios-tint: var(--primary-color); /* switch to #0A84FF if needed */
  --ios-card-radius: 14px;
}