/*
 * Descuentium Design Tokens v1
 *
 * Fuente única para las decisiones visuales de la plantilla. Los aliases
 * legacy se mantienen al final para que refresh.css pueda migrarse sin saltos.
 */

:root {
	/* Marca y superficies: editorial cálido, inspirado en etiquetas de precio. */
	--dc-color-brand:        #fadc5c;
	--dc-color-brand-strong: #f5cd2a;
	--dc-color-brand-deep:   #8a6d0f;
	--dc-color-ink:          #1a1d24;
	--dc-color-ink-soft:     #3b414f;
	--dc-color-ink-muted:    #6b7280;
	--dc-color-ink-faint:    #9ca3af;
	--dc-color-canvas:       #faf7ee;
	--dc-color-canvas-alt:   #f5f1e2;
	--dc-color-surface:      #ffffff;
	--dc-color-line:         #e8e3d5;
	--dc-color-line-soft:    #f0ebde;
	--dc-color-success:      #15803d;
	--dc-color-success-soft: #dcfce7;
	--dc-color-warning:      #b45309;
	--dc-color-danger:       #b91c1c;

	/* Tipografía. Bricolage aporta carácter; DM Sans mantiene legibilidad. */
	--dc-font-display: 'Bricolage Grotesque', 'Arial Narrow', sans-serif;
	--dc-font-body:    'DM Sans', system-ui, sans-serif;
	--dc-font-mono:    'SFMono-Regular', Consolas, 'Liberation Mono', monospace;
	--dc-font-size-xs:   0.75rem;
	--dc-font-size-sm:   0.875rem;
	--dc-font-size-base: 1rem;
	--dc-font-size-md:   1.0625rem;
	--dc-font-size-lg:   1.25rem;
	--dc-font-size-xl:   1.75rem;
	--dc-font-size-2xl:  clamp(2rem, 4vw, 3.5rem);
	--dc-line-height-tight: 1.15;
	--dc-line-height-body:  1.6;

	/* Escala espacial de 4px con hitos en la retícula de 8px. */
	--dc-space-1:  0.25rem;
	--dc-space-2:  0.5rem;
	--dc-space-3:  0.75rem;
	--dc-space-4:  1rem;
	--dc-space-5:  1.25rem;
	--dc-space-6:  1.5rem;
	--dc-space-8:  2rem;
	--dc-space-10: 2.5rem;
	--dc-space-12: 3rem;
	--dc-space-14: 3.5rem;
	--dc-space-16: 4rem;

	--dc-radius-sm: 0.5rem;
	--dc-radius-md: 0.75rem;
	--dc-radius-lg: 1.125rem;
	--dc-radius-xl: 1.5rem;
	--dc-radius-pill: 999px;

	--dc-elevation-xs: 0 1px 2px rgba(26, 29, 36, 0.04);
	--dc-elevation-sm: 0 2px 6px rgba(26, 29, 36, 0.06), 0 1px 2px rgba(26, 29, 36, 0.04);
	--dc-elevation-md: 0 8px 18px rgba(26, 29, 36, 0.07), 0 2px 6px rgba(26, 29, 36, 0.05);
	--dc-elevation-lg: 0 18px 38px rgba(26, 29, 36, 0.10), 0 4px 12px rgba(26, 29, 36, 0.06);
	--dc-focus-ring: 0 0 0 3px rgba(245, 205, 42, 0.45);

	--dc-duration-fast:  120ms;
	--dc-duration-base:  180ms;
	--dc-duration-slow:  320ms;
	--dc-ease-standard: cubic-bezier(0.2, 0, 0, 1);
	--dc-ease-emphasis: cubic-bezier(0.2, 0.8, 0.2, 1);

	--dc-layout-container: 1200px;
	--dc-layout-gutter: clamp(1rem, 3vw, 1.5rem);

	/* Aliases de compatibilidad; no crear componentes nuevos con estos nombres. */
	--dc-brand:        var(--dc-color-brand);
	--dc-brand-strong: var(--dc-color-brand-strong);
	--dc-brand-dark:   var(--dc-color-brand-strong);
	--dc-brand-deep:   var(--dc-color-brand-deep);
	--dc-brand-deeper: var(--dc-color-brand-deep);
	--dc-ink:          var(--dc-color-ink);
	--dc-ink-soft:     var(--dc-color-ink-soft);
	--dc-ink-muted:    var(--dc-color-ink-muted);
	--dc-ink-faint:    var(--dc-color-ink-faint);
	--dc-text:         var(--dc-color-ink);
	--dc-text-soft:    var(--dc-color-ink-soft);
	--dc-text-muted:   var(--dc-color-ink-muted);
	--dc-cream:        var(--dc-color-canvas);
	--dc-cream-2:      var(--dc-color-canvas-alt);
	--dc-bg:           var(--dc-color-canvas);
	--dc-paper:        var(--dc-color-surface);
	--dc-card:         var(--dc-color-surface);
	--dc-line:         var(--dc-color-line);
	--dc-line-soft:    var(--dc-color-line-soft);
	--dc-border:       var(--dc-color-line);
	--dc-border-soft:  var(--dc-color-line-soft);
	--dc-success:      var(--dc-color-success);
	--dc-success-soft: var(--dc-color-success-soft);
	--dc-warning:      var(--dc-color-warning);
	--dc-danger:       var(--dc-color-danger);
	--dc-shadow-xs:    var(--dc-elevation-xs);
	--dc-shadow-sm:    var(--dc-elevation-sm);
	--dc-shadow:       var(--dc-elevation-sm);
	--dc-shadow-md:    var(--dc-elevation-md);
	--dc-shadow-lg:    var(--dc-elevation-lg);
	--dc-r-sm:         var(--dc-radius-sm);
	--dc-r:            var(--dc-radius-md);
	--dc-r-lg:         var(--dc-radius-lg);
	--dc-r-xl:         var(--dc-radius-xl);
	--dc-radius:       var(--dc-radius-md);
	--dc-container:    var(--dc-layout-container);
	--dc-gap:          var(--dc-space-6);
}