/* ==========================================================================
   public/css/fonts.css | MAGNA Typography System (basado en Magna.md)
   ABC Diatype es tipografía comercial; Magna.md sugiere Inter, Geist o
   DM Sans como sustitutos. Usamos Geist (servida desde Google Fonts).
   ========================================================================== */

:root {
    --font-abc-diatype:               'ABC Diatype', 'Geist', ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    --font-abc-diatype-plus-variable: 'ABC Diatype Plus Variable', 'Geist', ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;

    /* Alias usados por el resto de hojas de estilo */
    --font-main:      var(--font-abc-diatype-plus-variable);
    --font-display:   var(--font-abc-diatype-plus-variable);
    --font-editorial: var(--font-abc-diatype-plus-variable);
    --font-serif:     var(--font-abc-diatype-plus-variable);
    --font-principal: var(--font-abc-diatype-plus-variable);
    --font-branding:  var(--font-abc-diatype-plus-variable);

    /* Escala tipográfica (Magna.md › Type Scale) */
    --text-caption:    11px;  --leading-caption:    1.2;
    --text-body:       16px;  --leading-body:       1.5;
    --text-subheading: 20px;  --leading-subheading: 1.2;
    --text-heading-sm: 24px;  --leading-heading-sm: 1.2;
    --text-heading:    32px;  --leading-heading:    1.05;
    --text-heading-lg: 48px;  --leading-heading-lg: 1;
    --text-display:    64px;  --leading-display:    0.9;

    --font-weight-regular:  400;
    --font-weight-medium:   500;
    --font-weight-semibold: 600;
    --font-weight-bold:     700;
}

body {
    font-family: var(--font-main);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}