/*
 * La marca de Maraya App para las pantallas de acceso y los correos.
 * Valores de brand_assets/tokens.css de Maraya (los mismos de public/estilo/tokens.css, modo claro).
 * El instalador NUNCA vuelve a tocar esta carpeta.
 */
@font-face{font-family:'Archivo';font-style:normal;font-weight:400 700;font-display:swap;src:url('fuentes/Archivo-var.woff2') format('woff2')}
@font-face{font-family:'Playfair Display';font-style:normal;font-weight:400 700;font-display:swap;src:url('fuentes/playfair-display-var.woff2') format('woff2')}

:root{
  --color-bg:          oklch(0.9602 0.0121 96.4);
  --color-surface:     oklch(0.98 0.006 96.4);
  --color-surface-alt: oklch(0.93 0.01 72.7);
  --color-fg:          oklch(0.20 0.012 60);
  --color-fg-muted:    oklch(0.50 0.03 117.5);
  --color-border:      oklch(0.85 0.02 117.5);
  --color-primary:     oklch(0.20 0.012 60);
  --color-primary-fg:  oklch(0.9602 0.0121 96.4);
  --color-accent:      oklch(0.6574 0.1866 40.8);
  --color-accent-fg:   oklch(0.20 0.012 60);
  --color-accent-ink:  oklch(0.52 0.17 40.8);
  --color-success:     oklch(0.52 0.11 145);
  --color-warning:     oklch(0.54 0.12 75);
  --color-danger:      oklch(0.48 0.16 22);
  --font-display: 'Playfair Display', ui-serif, Georgia, serif;
  --font-body:    'Archivo', system-ui, sans-serif;
  --radius-sm: 2px; --radius-md: 3px; --radius-lg: 4px;
  --logo-src: url('/cuenta/marca/logo.png');   /* absoluta: un url() dentro de una variable se resuelve desde donde se USA (modulo.css), no desde este archivo */
  --logo-ancho: 72px; --logo-alto: 44px;
}