/*
 * Identidad visual de partida para Cerka.
 * Nombre provisional (juego con "cerca" — proximidad, sin ser explícito),
 * fácil de sustituir: solo hay que cambiar estos tokens y el logo.
 *
 * Dark-first: esta categoría de producto se usa mayoritariamente de
 * noche/en movilidad. Paleta discreta, sin ruido visual, con un acento
 * cálido para las acciones principales y un violeta para elementos de
 * marca/navegación.
 */
:root {
	--crk-bg: #0f1115;
	--crk-surface: #171a21;
	--crk-surface-alt: #1f2330;
	--crk-border: #2a2f3d;
	--crk-text: #f5f6fa;
	--crk-text-muted: #9aa1b2;

	--crk-primary: #7c5cff;
	--crk-primary-hover: #9179ff;
	--crk-accent: #ff6b57;
	--crk-accent-hover: #ff8672;
	--crk-success: #22c55e;
	--crk-danger: #ef4444;

	--crk-radius-sm: 8px;
	--crk-radius-md: 14px;
	--crk-radius-lg: 22px;
	--crk-radius-pill: 999px;

	--crk-space-1: 4px;
	--crk-space-2: 8px;
	--crk-space-3: 12px;
	--crk-space-4: 16px;
	--crk-space-5: 24px;
	--crk-space-6: 32px;
	--crk-space-7: 48px;

	--crk-font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;

	--crk-header-h: 60px;
	--crk-bottomnav-h: 64px;
	--crk-container: 480px; /* la app es mobile-first; el shell no se estira como un sitio de escritorio normal */

	/* Zona segura (notch/cámara arriba, barra de gestos abajo) — 0 en
	   cualquier navegador normal, y el hueco real cuando la PWA corre
	   instalada a pantalla completa (display: standalone), que es
	   cuando el contenido pasa a poder dibujarse debajo de esas zonas
	   (viewport-fit=cover en el <meta name="viewport">, ver header-app.php). */
	--crk-safe-top: env(safe-area-inset-top, 0px);
	--crk-safe-bottom: env(safe-area-inset-bottom, 0px);
}

/* Tema claro opcional — el producto es dark-first, pero dejamos el hook
   por si el sistema del usuario fuerza claro y queremos respetarlo más
   adelante. Por ahora el body fuerza oscuro explícitamente (ver app.css). */
@media (prefers-color-scheme: light) {
	:root {
		/* Sin cambios todavía: dark-first es una decisión de producto,
		   no solo de sistema. Revisar en Fase 2 si hace falta un modo claro real. */
	}
}
