/* ── colors.css ── */
:root{
/* Base palette — from brand manual (Manual de Marca, p.27-31) */
--color-grafito:#333333;
--color-blanco:#fffff0;
--color-terracota:#af8d6d;
--color-amarillo:#ffc13c;
--color-rojo:#750f00;

/* Neutral ramp derived from Grafito for UI needs not covered by the 5-color palette */
--color-grafito-90:#3d3d3d;
--color-grafito-70:#5c5c5c;
--color-grafito-50:#8a8a8a;
--color-grafito-30:#c2c2c2;
--color-grafito-15:#e3e3e0;
--color-grafito-08:#f2f2ef;

/* Semantic aliases */
--bg-page:var(--color-blanco);
--bg-surface:#ffffff;
--bg-sunken:var(--color-grafito-08);
--bg-inverse:var(--color-grafito);

--fg-primary:var(--color-grafito);
--fg-secondary:var(--color-grafito-70);
--fg-muted:var(--color-grafito-50);
--fg-inverse:var(--color-blanco);
--fg-on-accent:var(--color-blanco);

--accent-primary:var(--color-rojo);
--accent-primary-hover:#5c0c00;
--accent-primary-press:#450900;
--accent-gold:var(--color-amarillo);
--accent-gold-hover:#e6ac33;
--accent-terracota:var(--color-terracota);

--border-subtle:var(--color-grafito-15);
--border-default:var(--color-grafito-30);
--border-strong:var(--color-grafito-70);

--focus-ring:var(--color-terracota);
}

/* ── fonts.css ── */
@font-face{font-family:"Rufina";src:url("/estaticos/fuentes/Rufina-Regular.ttf") format("truetype");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Rufina";src:url("/estaticos/fuentes/Rufina-Bold.ttf") format("truetype");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:"Alegreya";src:url("/estaticos/fuentes/Alegreya-VariableFont_wght.ttf") format("truetype");font-weight:400 900;font-style:normal;font-display:swap}
@font-face{font-family:"EB Garamond";src:url("/estaticos/fuentes/EBGaramond-VariableFont_wght.ttf") format("truetype");font-weight:400 800;font-style:normal;font-display:swap}
@font-face{font-family:"Assistant";src:url("/estaticos/fuentes/Assistant-Regular.ttf") format("truetype");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Assistant";src:url("/estaticos/fuentes/Assistant-Bold.ttf") format("truetype");font-weight:700;font-style:normal;font-display:swap}

/* ── typography.css ── */
:root{
/* Font families — 3 brand families + 1 inferred UI sans (see readme Typography note) */
--font-display:"Rufina",Georgia,serif;
--font-heading:"EB Garamond",Georgia,serif;
--font-accent:"Alegreya",Georgia,serif;
--font-ui:"Assistant",-apple-system,sans-serif;

/* Titles: one size per title, sentence case only, line-height 1.5 (manual p.58) */
--text-title-size:40px;
--text-title-line:1.5;
--text-title-weight:400;

/* Subtitles: max 2 lines, letter-spacing 5pt (~0.09em at 18px), sentence case */
--text-subtitle-size:20px;
--text-subtitle-line:1.35;
--text-subtitle-spacing:0.09em;
--text-subtitle-weight:500;

/* Body / caja de texto: justified, line-height ~1.4x size, bold/semibold to emphasize */
--text-body-size:17px;
--text-body-line:1.45;
--text-body-weight:400;

--text-caption-size:13px;
--text-caption-line:1.4;
}

/* ── spacing.css ── */
:root{
/* Spacing scale — not specified in the brand manual (print-focused); a conservative
   4px-based scale chosen to match the brand's sobrio/pulcro (sober, tidy) character. */
--space-1:4px;
--space-2:8px;
--space-3:12px;
--space-4:16px;
--space-5:24px;
--space-6:32px;
--space-7:48px;
--space-8:64px;
--space-9:96px;

/* Radii — kept small/near-square; the brand uses hard-edged geometric marks and no
   rounded-card motifs anywhere in the source material. */
--radius-sm:4px;
--radius-md:8px;
--radius-lg:14px;
--radius-pill:999px;

/* Shadows — soft, low-contrast; the brand has no shadow system of its own. */
--shadow-sm:0 1px 2px rgba(51,51,51,0.08);
--shadow-md:0 4px 12px rgba(51,51,51,0.10);
--shadow-lg:0 12px 32px rgba(51,51,51,0.14);
}