/* Proxima — color tokens
   Mirrors frontend/src/utils/theme.js so the PWA stays visually identical
   to the React Native app. Edit here only; screens reference the variables. */

:root {
  /* Surfaces */
  --color-background: #080808;
  --color-surface: #111111;
  --color-surface-elevated: #1a1a1a;
  --color-border: #222222;

  /* Accent */
  --color-accent: #e8a87c;
  --color-accent-light: #f0c4a0;
  --color-accent-dark: #c4845a;

  /* Text */
  --color-text: #f5f5f5;
  --color-text-secondary: #888888;
  --color-text-muted: #444444;

  /* Status */
  --color-success: #5cb87a;
  --color-error: #e85c5c;
  --color-warning: #e8c87c;

  /* Spacing scale (px) — matches theme.js spacing */
  --space-xs: 4px;
  --space-sm: 8px;
  --space-md: 16px;
  --space-lg: 24px;
  --space-xl: 32px;
  --space-xxl: 48px;

  /* Radius scale — matches theme.js radius */
  --radius-sm: 8px;
  --radius-md: 16px;
  --radius-lg: 24px;
  --radius-full: 999px;
}