/* =========================================
   FREEHOUSE — Design Tokens
   Paleta dark cinematográfica · acento dorado
   ========================================= */
:root {
    /* Colores base */
    --color-bg:           #0a0a0c;
    --color-bg-elevated:  #14141a;
    --color-bg-card:      #1a1a22;
    --color-bg-input:     #0f0f15;
    --color-border:       rgba(255, 255, 255, 0.08);
    --color-border-strong:rgba(255, 255, 255, 0.16);

    /* Texto */
    --color-text:       #f5f5f7;
    --color-text-muted: #8a8a95;
    --color-text-faded: #5a5a65;

    /* Acento underground (dorado mate) */
    --color-accent:       #c9a76d;
    --color-accent-hover: #d4b27a;
    --color-accent-soft:  rgba(201, 167, 109, 0.12);

    /* Estados */
    --color-danger:      #e85a5a;
    --color-danger-soft: rgba(232, 90, 90, 0.12);
    --color-success:     #6ad19a;
    --color-success-soft:rgba(106, 209, 154, 0.12);

    /* Tipografía */
    --font-sans:    -apple-system, BlinkMacSystemFont, "Inter", "Segoe UI", system-ui, sans-serif;
    --font-display: "Inter", system-ui, sans-serif;

    --fs-xs:    0.75rem;
    --fs-sm:    0.875rem;
    --fs-base:  1rem;
    --fs-lg:    1.125rem;
    --fs-xl:    1.375rem;
    --fs-2xl:   1.75rem;
    --fs-3xl:   2.25rem;
    --fs-hero:  3rem;

    /* Espaciado (escala de 4px) */
    --sp-1:  0.25rem;
    --sp-2:  0.5rem;
    --sp-3:  0.75rem;
    --sp-4:  1rem;
    --sp-5:  1.5rem;
    --sp-6:  2rem;
    --sp-8:  3rem;
    --sp-10: 4rem;

    /* Radios */
    --radius-sm:   6px;
    --radius-md:   10px;
    --radius-lg:   16px;
    --radius-pill: 999px;

    /* Sombras */
    --shadow-sm:   0 1px 2px rgba(0, 0, 0, 0.4);
    --shadow-md:   0 8px 24px rgba(0, 0, 0, 0.5);
    --shadow-lg:   0 24px 48px rgba(0, 0, 0, 0.6);
    --shadow-glow: 0 0 24px rgba(201, 167, 109, 0.15);

    /* Transiciones */
    --t-fast: 120ms ease-out;
    --t-base: 200ms ease-out;
    --t-slow: 400ms ease-out;
}