/* ============================================================
   VOD Corp — shadcn/ui Design System Tokens
   Basado en: github.com/shadcndashboard/shadcndashboard
   ============================================================ */

/* ── Fuentes Geist (oficial shadcn/ui) ── */
@font-face {
  font-family: 'Geist';
  src: url('../assets/fonts/geist-sans/Geist-Variable.woff2') format('woff2');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'GeistMono';
  src: url('../assets/fonts/geist-mono/GeistMono-Variable.woff2') format('woff2');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

/* ── Tokens modo CLARO ── */
:root {
  --background:             0 0% 100%;
  --foreground:             240 10% 3.9%;
  --card:                   0 0% 100%;
  --card-foreground:        240 10% 3.9%;
  --sidebar:                240 4.8% 95.9%;
  --primary:                240 5.9% 10%;
  --primary-foreground:     0 0% 98%;
  --secondary:              240 4.8% 95.9%;
  --secondary-foreground:   240 5.9% 10%;
  --muted:                  240 4.8% 95.9%;
  --muted-foreground:       240 3.8% 46.1%;
  --accent:                 240 4.8% 95.9%;
  --accent-foreground:      240 5.9% 10%;
  --destructive:            0 84.2% 60.2%;
  --destructive-foreground: 0 0% 98%;
  --border:                 240 5.9% 90%;
  --input:                  240 5.9% 90%;
  --ring:                   240 5.9% 10%;
  --radius:                 0.5rem;
}

/* ── Tokens modo OSCURO ── */
.dark {
  --background:             240 10% 3.9%;
  --foreground:             0 0% 98%;
  --card:                   240 10% 3.9%;
  --card-foreground:        0 0% 98%;
  --sidebar:                240 5.9% 10%;
  --primary:                0 0% 98%;
  --primary-foreground:     240 5.9% 10%;
  --secondary:              240 3.7% 15.9%;
  --secondary-foreground:   0 0% 98%;
  --muted:                  240 3.7% 15.9%;
  --muted-foreground:       240 5% 64.9%;
  --accent:                 240 3.7% 15.9%;
  --accent-foreground:      0 0% 98%;
  --destructive:            0 62.8% 30.6%;
  --destructive-foreground: 0 0% 98%;
  --border:                 240 3.7% 15.9%;
  --input:                  240 3.7% 15.9%;
  --ring:                   240 4.9% 83.9%;
}