:root {
  /* BRAND — Lumelys Protect */
  --gold: #C9A24D;
  --gold-light: #E1C878;
  --gold-dim: rgba(201, 162, 77, 0.45);

  /* SURFACES */
  --bg-app: #0B0B0B;
  --bg-dark: #151515;
  --bg-card: #1a1a1a;
  --bg-border: #2a2a2a;

  /* TEXT */
  --text-main: #F5F5F5;
  --text-muted: #B7B7B7;
  --text-muted-light: #D4D4D4;
  --text-inverse: #0B0B0B;

  /* STATUS */
  --red: #e74c3c;
  --success: #34C759;

  /* TYPOGRAPHY */
  --font-heading: "SF Pro Display", -apple-system, BlinkMacSystemFont, "Inter", sans-serif;
  --font-body: "SF Pro Text", -apple-system, BlinkMacSystemFont, "Inter", sans-serif;
  --font-mono: "Courier New", monospace;

  /* SPACING */
  --space-xs: 4px;
  --space-sm: 8px;
  --space-md: 16px;
  --space-lg: 24px;
  --space-xl: 32px;
  --space-2xl: 48px;

  /* RADIUS */
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-full: 9999px;
}

.app-theme {
  font-family: var(--font-body);
  background: var(--bg-app);
  color: var(--text-main);
  margin: 0;
  padding: 0;
  height: 100%;
  width: 100%;
}

img {
  display: block;
}

.text-gold {
  color: var(--gold);
}

.text-muted {
  color: var(--text-muted);
}