/* ===== Design tokens — ARGIS (Steel-blue + Brass champagne) ===== */
:root {
    /* Backgrounds */
    --c-white:        #FFFFFF;
    --c-bg:           #F3EFE9;     /* warm cream — main background */
    --c-bg-alt:       #EBE6DC;     /* alt section band */

    /* Steel-blue navy (logo background — premium notarial) */
    --c-navy:         #2C3E54;     /* steel-blue — logo natural BG, primary brand dark */
    --c-navy-deep:    #1F2D3F;     /* deeper steel for footer / dark sections */
    --c-navy-soft:    #3D5670;     /* lighter steel for hover states */
    --c-navy-tint:    #DEE5EF;     /* very light steel-blue for water on maps */

    /* Aliases (legacy class compat) */
    --c-olive:        #2C3E54;
    --c-olive-deep:   #1F2D3F;
    --c-olive-card:   #FFFFFF;     /* CARDS = white */
    --c-olive-tint:   #F5F2EA;     /* very light cream for placeholders */

    /* Text */
    --c-ink:          #1F2D3F;
    --c-graphite:     #54616F;     /* slightly cooler graphite to match steel-blue */
    --c-graphite-soft:#8892A0;

    /* Accent — Brass / Champagne Gold */
    --c-brass:        #C8A86A;     /* champagne gold — matches silver logo */
    --c-brass-soft:   #D8BC85;     /* lighter brass for hover */
    --c-brass-deep:   #B0904E;     /* darker brass for active states */
    --c-orange-tint:  #F5EFE0;     /* very light brass tint for icon bg (renamed but kept var) */

    /* Borders */
    --c-border:       #DDD6C5;
    --c-border-soft:  #EBE5D5;

    /* Typography */
    --ff-sans: 'Inter', 'Inter Display', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
    --ff-display: 'Inter', system-ui, sans-serif;
    --ff-mono: ui-monospace, 'JetBrains Mono', 'Cascadia Code', monospace;

    /* Type scale */
    --fs-hero: clamp(2.75rem, 5.5vw, 5rem);
    --fs-h2:   clamp(2rem, 3.8vw, 3rem);
    --fs-h3:   clamp(1.25rem, 1.8vw, 1.5rem);
    --fs-lead: clamp(1.0625rem, 1.4vw, 1.1875rem);
    --fs-body: 1rem;
    --fs-small:0.875rem;
    --fs-kicker:0.75rem;

    /* Layout */
    --container-max: 1280px;
    --container-narrow: 820px;
    --header-h: 88px;

    /* Radii — sharp / kanciaste */
    --radius-sm: 2px;
    --radius-md: 4px;
    --radius-lg: 6px;
    --radius-pill: 4px;
    --radius-card: 4px;

    /* Shadows */
    --shadow-sm: 0 1px 3px rgba(44,62,84,0.06);
    --shadow-md: 0 12px 28px rgba(44,62,84,0.10), 0 2px 4px rgba(44,62,84,0.05);
    --shadow-lg: 0 20px 48px rgba(44,62,84,0.14);
    --shadow-pill: 0 8px 24px rgba(44,62,84,0.12);

    /* Transitions */
    --t-fast: 160ms ease;
    --t-base: 240ms cubic-bezier(0.2,0.8,0.2,1);
}