/* ============================================
   NORTE CÁLIDO — design tokens
   All design decisions live here.
   Change a value, the whole site updates.
   ============================================ */

:root {
    /* ---- Colors ---- */
    --c-base:        #F5F0E8;
    --c-base-soft:   #EBE3D5;
    --c-text:        #2B1F17;
    --c-text-soft:   #5A4A3E;
    --c-text-mute:   #8A7A6E;
    --c-accent:      #B4654A;
    --c-accent-dark: #8E4F3A;
    --c-secondary:   #5C6B4F;
    --c-gold:        #C89B6C;
    --c-black:       #0A0706;
    --c-white:       #FFFFFF;
    --c-border:      rgba(43, 31, 23, 0.12);
    --c-border-soft: rgba(43, 31, 23, 0.06);

    /* ---- Typography ---- */
    --font-display: 'Fraunces', Georgia, serif;
    --font-body:    'Inter', system-ui, -apple-system, sans-serif;
    --fw-regular: 400;
    --fw-medium:  500;
    --fw-semi:    600;
    --fw-bold:    700;
    --lh-tight:   1.1;
    --lh-snug:    1.3;
    --lh-normal:  1.5;
    --lh-relaxed: 1.7;
    --ls-tight:  -0.02em;
    --ls-normal: -0.01em;
    --ls-wide:    0.04em;

    /* ---- Spacing (4px base) ---- */
    --s-1:  0.25rem;
    --s-2:  0.5rem;
    --s-3:  0.75rem;
    --s-4:  1rem;
    --s-5:  1.5rem;
    --s-6:  2rem;
    --s-7:  3rem;
    --s-8:  4rem;
    --s-9:  6rem;
    --s-10: 8rem;

    /* ---- Containers ---- */
    --container-max:     1400px;
    --container-content: 1180px;
    --container-narrow:  720px;
    --gutter: clamp(1rem, 4vw, 2rem);

    /* ---- Radius ---- */
    --r-sm: 4px;
    --r-md: 8px;
    --r-lg: 14px;
    --r-xl: 24px;

    /* ---- Shadows (warm tinted) ---- */
    --shadow-sm: 0 1px 2px rgba(43, 31, 23, 0.04);
    --shadow-md: 0 4px 16px rgba(43, 31, 23, 0.08);
    --shadow-lg: 0 12px 40px rgba(43, 31, 23, 0.12);

    /* ---- Motion ---- */
    --ease-out:    cubic-bezier(0.22, 1, 0.36, 1);
    --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
    --t-fast: 180ms;
    --t-base: 320ms;
    --t-slow: 560ms;

    /* ---- Z-index ---- */
    --z-base:    1;
    --z-sticky:  10;
    --z-header:  100;
    --z-overlay: 500;
    --z-modal:   1000;
}