/*
 * Guía Construcción · Design Tokens
 *
 * Todas las variables que consumen los componentes.
 * Cualquier ajuste global de marca se hace acá.
 */
:root {
	/* ========== Marca ========== */
	--gc-brand:            #ff7438;
	--gc-brand-600:        #e5622a;
	--gc-brand-soft:       #fff1ea;
	--gc-dark:             #1f1f1f;
	--gc-dark-2:           #2b2b2b;

	/* ========== Neutros ========== */
	--gc-white:            #ffffff;
	--gc-bg:               #ffffff;
	--gc-surface:          #ffffff;
	--gc-soft:             #f6f7f9;
	--gc-soft-2:           #eef0f3;
	--gc-border:           #e7e8ec;
	--gc-border-strong:    #d0d3d9;
	--gc-muted:            #6b7280;
	--gc-muted-2:          #9aa0a8;
	--gc-text:             #1f1f1f;

	/* ========== Estados semánticos ========== */
	--gc-success:          #1a9255;
	--gc-success-bg:       #ecf8f0;
	--gc-warning:          #a37500;
	--gc-warning-bg:       #fff8e0;
	--gc-danger:           #d2570f;
	--gc-danger-bg:        #fff1ea;
	--gc-info:             #1d6fd6;
	--gc-info-bg:          #eaf4ff;
	--gc-star:             #f5a623;

	/* ========== Tipografía ========== */
	--gc-font: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
	--gc-font-display: 'Sora', 'Inter', sans-serif;
	--gc-fs-xs:            11px;
	--gc-fs-sm:            12.5px;
	--gc-fs-base:          14px;
	--gc-fs-md:            15px;
	--gc-fs-lg:            17px;
	--gc-fs-xl:            20px;
	--gc-fs-2xl:           24px;
	--gc-fs-3xl:           32px;
	--gc-fw-normal:        400;
	--gc-fw-medium:        500;
	--gc-fw-semi:          600;
	--gc-fw-bold:          700;
	--gc-fw-black:         800;
	--gc-lh-tight:         1.15;
	--gc-lh-normal:        1.5;

	/* ========== Espaciado (múltiplos de 4) ========== */
	--gc-space-1:          4px;
	--gc-space-2:          8px;
	--gc-space-3:          12px;
	--gc-space-4:          16px;
	--gc-space-5:          20px;
	--gc-space-6:          24px;
	--gc-space-8:          32px;
	--gc-space-10:         40px;
	--gc-space-12:         48px;

	/* ========== Radios ========== */
	--gc-radius-sm:        6px;
	--gc-radius-md:        10px;
	--gc-radius-lg:        14px;
	--gc-radius-xl:        18px;
	--gc-radius-pill:      999px;

	/* ========== Sombras ========== */
	--gc-shadow-xs:        0 1px 2px rgba(15, 23, 42, .04);
	--gc-shadow-sm:        0 2px 6px rgba(15, 23, 42, .06);
	--gc-shadow-md:        0 4px 14px rgba(15, 23, 42, .08);
	--gc-shadow-lg:        0 12px 32px rgba(15, 23, 42, .10);
	--gc-shadow-brand:     0 6px 20px rgba(255, 116, 56, .18);

	/* ========== Transiciones ========== */
	--gc-t-fast:           .12s ease;
	--gc-t-normal:         .18s ease;
	--gc-t-slow:           .28s ease;

	/* ========== Z-index ========== */
	--gc-z-drop:           10;
	--gc-z-sticky:         20;
	--gc-z-overlay:        40;
	--gc-z-modal:          60;
}