/**
 * v0-foundation.css — tokens visuales alineados con glamcode-react (index.css)
 * Carga DESPUÉS de main.css y glamcode.css; no sustituye esos archivos.
 * Fase 1: solo variables + lienzo negro + refinamiento tipográfico mínimo.
 */

:root {
  --background: #000000;
  --foreground: #f2f2f2;
  --card: #0a0a0a;
  --card-foreground: #f2f2f2;
  --border: #222222;
  --muted: #111111;
  --muted-foreground: #666666;
  --secondary: #111111;
  --secondary-foreground: #cccccc;
  --destructive: #7f1d1d;
  --destructive-foreground: #fca5a5;

  --gold: #c9a84c;
  --gold-muted: #a8883c;
  --gold-dim: #6b5425;

  --success: #166534;
  --warning: #92400e;
  --info: #1e3a5f;

  --sidebar: #050505;
  --sidebar-foreground: #aaaaaa;
  --sidebar-accent: #111111;
  --sidebar-accent-foreground: #f2f2f2;
  --sidebar-border: #1a1a1a;
}

/* Lienzo del panel: negro puro. Sin tocar layout, grid ni espaciados de componentes. */
body.app-body {
  background: var(--background);
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}