/*
 * Tema nativo del sitio — extraído del tema visual real (bylaw global-styles-inline-css
 * y los CSS Modules de SiteNavigation/SiteFooter). Una sola fuente de verdad para
 * colores, tipografía y espaciado que usan los componentes React nativos (blog y
 * futuras páginas), para no definir estilos nuevos cada vez.
 *
 * Se carga vía <link> en src/app/[locale]/layout.tsx, igual que /bylaw/site.css,
 * porque este proyecto sirve el CSS público como archivos estáticos en vez de
 * pasar por el bundler de Next.js (así el contenido de bylaw no se ve afectado).
 */
:root {
  --color-primary: #1f3044;
  --color-primary-alt: #1b293a;
  --color-secondary: #cb935d;
  --color-secondary-hover: #e0b561;
  --color-tertiary: #ede4e4;
  --color-body-bg: #f2f2f0;
  --color-white: #ffffff;
  --color-text: #000000;
  --color-text-muted: #555555;
  --color-text-on-dark: #ffffff;
  --color-text-on-dark-muted: #c7d0da;
  --color-border-on-dark: rgba(255, 255, 255, 0.17);
  --color-border-light: #e0e0e0;

  --font-heading: 'Cormorant Garamond', Georgia, serif;
  --font-body: 'DM Sans', Arial, sans-serif;
  --font-weight-heading: 500;
  --font-weight-body: 400;

  --space-xs: 8px;
  --space-sm: 16px;
  --space-md: 24px;
  --space-lg: 40px;
  --space-xl: 60px;
  --space-2xl: 80px;

  --container-max: 1200px;
  --radius-sm: 4px;
  --radius-md: 8px;
}