/* ============ Naosfi — Layout, radius, shadow tokens ============
   COPIA SINCRONIZADA del design system de marca:
   /Users/eabp/Proyectos/naosfi/branding/design-system/tokens/layout.css
   No se edita acá. Los desvíos de la app —radios más chicos en superficies
   densas, escala de espaciado, curvas de movimiento— viven en css/app.css. */

:root {
  /* Radii */
  --radius: 22px;      /* cards */
  --radius-sm: 14px;   /* icon chips, small containers */
  --radius-pill: 100px;/* buttons */

  /* Layout */
  --maxw: 1180px;
  --pad: clamp(20px, 5vw, 64px);
  --section-pad: clamp(72px, 11vw, 140px);

  /* Shadows (warm ink, never pure black in light mode) */
  --shadow-sm: 0 1px 2px rgba(20, 21, 15, 0.04), 0 8px 24px rgba(20, 21, 15, 0.05);
  --shadow-lg: 0 2px 6px rgba(20, 21, 15, 0.06), 0 30px 60px -20px rgba(20, 21, 15, 0.22);
}