/* ==========================================================================
   Sigillum · Tokens
   Fuente única de valores de diseño. Documentados en Design/SIGILLUM_BRAND.md.
   Breakpoints (no se pueden usar como variables en media queries):
   sm 600px · md 900px · lg 1200px
   ========================================================================== */

@font-face {
	font-family: "Cormorant Garamond";
	src: url("../fonts/cormorant-garamond-latin-wght-normal.woff2") format("woff2");
	font-weight: 300 700;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "Cormorant Garamond";
	src: url("../fonts/cormorant-garamond-latin-wght-italic.woff2") format("woff2");
	font-weight: 300 700;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: "Manrope";
	src: url("../fonts/manrope-latin-wght-normal.woff2") format("woff2");
	font-weight: 200 800;
	font-style: normal;
	font-display: swap;
}

:root {
	/* Color · marca */
	--sig-black: #080808;
	--sig-charcoal: #151515;
	--sig-graphite: #1f1e1c;
	--sig-gold: #ca962d;
	--sig-ivory: #e8e5df;
	--sig-muted: #a8a39a;
	--sig-white: #ffffff;
	--sig-warm-paper: #d8cbb8;
	--sig-ink: #151515;
	--sig-ink-muted: #4a463f;

	/* Color · arte de símbolos (solo contenido del MASTER, nunca interfaz) */
	--sig-muladhara: #a51d25;

	/* Color · reglas */
	--sig-rule-gold: rgba(202, 150, 45, 0.32);
	--sig-rule-light: rgba(232, 229, 223, 0.14);
	--sig-rule-ink: rgba(21, 21, 21, 0.22);

	/* Color · semántico (superficie oscura por defecto) */
	--color-bg: var(--sig-black);
	--color-surface: var(--sig-charcoal);
	--color-text: var(--sig-ivory);
	--color-text-muted: var(--sig-muted);
	--color-accent: var(--sig-gold);
	--color-rule: var(--sig-rule-light);
	--color-focus: var(--sig-gold);

	/* Tipografía */
	--font-display: "Cormorant Garamond", "Cormorant", Georgia, "Times New Roman", serif;
	--font-sans: "Manrope", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;

	--step--2: 0.6875rem;                                     /* 11px · microcopy */
	--step--1: 0.8125rem;                                     /* 13px · etiquetas */
	--step-0: 1rem;                                           /* 16px · cuerpo */
	--step-1: clamp(1.125rem, 1.06rem + 0.3vw, 1.3125rem);    /* lead, títulos de tarjeta */
	--step-2: clamp(1.375rem, 1.2rem + 0.8vw, 1.875rem);      /* h3 */
	--step-3: clamp(1.625rem, 1.3rem + 1.4vw, 2.5rem);        /* h2 / encabezado de sección */
	--step-4: clamp(2.125rem, 1.5rem + 2.7vw, 3.75rem);       /* h1 */
	--step-5: clamp(2.5rem, 1.6rem + 4vw, 5rem);              /* display */

	--leading-tight: 1.05;
	--leading-snug: 1.25;
	--leading-body: 1.65;

	--track-display: 0.06em;
	--track-heading: 0.24em;
	--track-caps: 0.16em;
	--track-eyebrow: 0.22em;

	--weight-display: 400;
	--weight-body: 400;
	--weight-ui: 500;
	--weight-strong: 600;

	/* Espaciado */
	--space-1: 0.25rem;
	--space-2: 0.5rem;
	--space-3: 0.75rem;
	--space-4: 1rem;
	--space-5: 1.5rem;
	--space-6: 2rem;
	--space-7: 3rem;
	--space-8: 4rem;
	--space-section: clamp(3.5rem, 2.5rem + 5vw, 7.5rem);

	/* Layout */
	--container: 1320px;
	--container-narrow: 760px;
	--gutter: clamp(1rem, 0.4rem + 2.6vw, 3rem);
	--measure: 66ch;
	--header-h: 72px;

	/* Bordes y radios */
	--border-hair: 1px;
	--radius-0: 0;
	--radius-control: 2px;

	/* Movimiento */
	--dur-fast: 180ms;
	--dur-base: 260ms;
	--dur-slow: 350ms;
	--ease: cubic-bezier(0.25, 0.46, 0.45, 0.94);

	/* Capas */
	--z-header: 50;
	--z-drawer: 60;
}

@media (min-width: 900px) {
	:root {
		--header-h: 84px;
	}
}

/* Superficie clara puntual (bloques editoriales sobre papel cálido o blanco) */
.surface-paper,
.surface-white {
	--color-bg: var(--sig-warm-paper);
	--color-surface: var(--sig-warm-paper);
	--color-text: var(--sig-ink);
	--color-text-muted: var(--sig-ink-muted);
	--color-rule: var(--sig-rule-ink);
	--color-focus: var(--sig-ink);
	background: var(--color-bg);
	color: var(--color-text);
}

.surface-white {
	--color-bg: var(--sig-white);
	--color-surface: var(--sig-white);
}