/* GENERADO — no editar a mano.
 *
 * Tokens del Blue Ocean Design System (designsystem/src/styles/globals.css),
 * extraídos por `npm run dash:ds:sync`. El gate `npm run dash:ds:check` falla si
 * este archivo dejó de corresponder al catálogo.
 *
 * Lo que el tablero AGREGA encima vive en `ds.css` — ahí sí se edita.
 *
 * Diferencia con el catálogo, dicha para que no sorprenda: aquí el tema oscuro
 * cuelga de `[data-tema="oscuro"]` y del `prefers-color-scheme` del sistema, no
 * de la clase `.dark` que pone el runtime de Next. Es el mismo mapa de colores;
 * cambia quién lo enciende, porque no hay runtime que lo encienda.
 */

:root {
  --brand-blue-700: #0f4cff;
  --brand-blue-600: #2563ff;
  --brand-blue-500: #3b82f6;
  --brand-sky-500: #39b8ff;
  --brand-aqua-400: #66d6ff;
  --brand-navy-950: #060b1f;
  --brand-navy-900: #0d1228;
  --brand-navy-800: #151b34;
  --brand-navy-700: #232a48;
  --radius-xs: 4px;
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-xl: 20px;
  --radius-2xl: 24px;
  --radius: 12px;
  --background: 210 40% 98%; /* #f8fafc */
  --foreground: 222 47% 11%; /* #0f172a */
  --card: 0 0% 100%; /* #ffffff */
  --card-foreground: 222 47% 11%;
  --card-border: 214 32% 91%; /* #e2e8f0 */
  --popover: 0 0% 100%;
  --popover-foreground: 222 47% 11%;
  --primary: 224 100% 57%; /* #2563ff (blue-600) */
  --primary-foreground: 0 0% 100%;
  --primary-hover: 225 100% 53%; /* #0f4cff (blue-700) */
  --secondary: 210 40% 96.1%; /* #f1f5f9 */
  --secondary-foreground: 222 47% 11%;
  --muted: 210 40% 96.1%;
  --muted-foreground: 215 16% 47%; /* #64748b */
  --accent: 210 40% 96.1%;
  --accent-foreground: 222 47% 11%;
  --destructive: 0 100% 68%; /* #ff5d5d */
  --destructive-foreground: 0 0% 100%;
  --destructive-muted: 0 100% 97%;
  --success: 157 80% 43%; /* #16c784 */
  --success-foreground: 0 0% 100%;
  --success-muted: 152 76% 96%;
  --warning: 39 91% 60%; /* #f6b93b */
  --warning-foreground: 28 80% 20%;
  --warning-muted: 44 100% 96%;
  --info: 199 95% 61%; /* #38bdf8 */
  --info-foreground: 204 80% 20%;
  --info-muted: 199 89% 96%;
  --border: 214 32% 91%; /* #e2e8f0 */
  --input: 214 32% 91%;
  --ring: 224 100% 57%; /* blue-600 */
}

@media (prefers-color-scheme: dark) {
  :root:not([data-tema="claro"]) {
    --background: 228 68% 7%; /* #060b1f (navy-950) */
    --foreground: 210 40% 98%; /* #f8fafc */
    --card: 229 51% 10%; /* #0d1228 (navy-900) */
    --card-foreground: 210 40% 98%;
    --card-border: 228 42% 18%; /* #151b34 / #232a48 */
    --popover: 229 51% 10%;
    --popover-foreground: 210 40% 98%;
    --primary: 224 100% 57%; /* #2563ff */
    --primary-foreground: 0 0% 100%;
    --primary-hover: 217 91% 60%; /* #3b82f6 */
    --secondary: 228 42% 14%; /* #151b34 (navy-800) */
    --secondary-foreground: 210 40% 98%;
    --muted: 228 42% 14%;
    --muted-foreground: 215 20.2% 65.1%; /* #94a3b8 */
    --accent: 228 34% 21%; /* #232a48 (navy-700) */
    --accent-foreground: 210 40% 98%;
    --destructive: 0 100% 68%; /* #ff5d5d */
    --destructive-foreground: 0 0% 100%;
    --destructive-muted: 0 63% 15%;
    --success: 157 80% 43%; /* #16c784 */
    --success-foreground: 0 0% 100%;
    --success-muted: 156 65% 12%;
    --warning: 39 91% 60%; /* #f6b93b */
    --warning-foreground: 39 95% 90%;
    --warning-muted: 36 60% 14%;
    --info: 199 95% 61%; /* #38bdf8 */
    --info-foreground: 199 95% 95%;
    --info-muted: 200 65% 15%;
    --border: 228 34% 21%; /* #232a48 */
    --input: 228 34% 21%;
    --ring: 224 100% 57%;
  }
}

:root[data-tema="oscuro"] {
  --background: 228 68% 7%; /* #060b1f (navy-950) */
  --foreground: 210 40% 98%; /* #f8fafc */
  --card: 229 51% 10%; /* #0d1228 (navy-900) */
  --card-foreground: 210 40% 98%;
  --card-border: 228 42% 18%; /* #151b34 / #232a48 */
  --popover: 229 51% 10%;
  --popover-foreground: 210 40% 98%;
  --primary: 224 100% 57%; /* #2563ff */
  --primary-foreground: 0 0% 100%;
  --primary-hover: 217 91% 60%; /* #3b82f6 */
  --secondary: 228 42% 14%; /* #151b34 (navy-800) */
  --secondary-foreground: 210 40% 98%;
  --muted: 228 42% 14%;
  --muted-foreground: 215 20.2% 65.1%; /* #94a3b8 */
  --accent: 228 34% 21%; /* #232a48 (navy-700) */
  --accent-foreground: 210 40% 98%;
  --destructive: 0 100% 68%; /* #ff5d5d */
  --destructive-foreground: 0 0% 100%;
  --destructive-muted: 0 63% 15%;
  --success: 157 80% 43%; /* #16c784 */
  --success-foreground: 0 0% 100%;
  --success-muted: 156 65% 12%;
  --warning: 39 91% 60%; /* #f6b93b */
  --warning-foreground: 39 95% 90%;
  --warning-muted: 36 60% 14%;
  --info: 199 95% 61%; /* #38bdf8 */
  --info-foreground: 199 95% 95%;
  --info-muted: 200 65% 15%;
  --border: 228 34% 21%; /* #232a48 */
  --input: 228 34% 21%;
  --ring: 224 100% 57%;
}