@layer tokens {
  :root {
    /* Brand — sampled from the official Guevara Corretora logo */
    --brand-950: #0d1a38;
    --brand-900: #12264f;
    --brand-850: #17315f;
    --brand-800: #1c3b74;
    --brand-700: #255493;
    --brand-600: #2d70c8;
    --brand-500: #318de9;
    --brand-400: #54b7f3;
    --brand-300: #8fd2f7;
    --brand-100: #e8f4ff;

    /* Warm neutrals keep the experience human and editorial */
    --ink-950: #111725;
    --ink-900: #182132;
    --ink-800: #293446;
    --ink-700: #465164;
    --ink-600: #667085;
    --ink-500: #7c8798;
    --stone-500: #a7a39b;
    --stone-300: #d7d2ca;
    --stone-200: #e6e1d9;
    --stone-100: #f0ece5;
    --canvas: #f6f3ed;
    --surface: #fffdf9;
    --surface-raised: #ffffff;
    --white: #ffffff;
    --silver: #c7cbd2;
    --silver-dark: #89909c;
    --success-700: #216e52;
    --success-100: #e7f5ef;
    --danger-700: #a33a3a;
    --danger-100: #fbecec;

    /* Semantic colors */
    --color-bg: var(--canvas);
    --color-surface: var(--surface);
    --color-text: var(--ink-900);
    --color-text-muted: var(--ink-600);
    --color-border: var(--stone-300);
    --color-border-soft: var(--stone-200);
    --color-primary: var(--brand-800);
    --color-primary-hover: var(--brand-900);
    --color-primary-contrast: var(--white);
    --color-link: var(--brand-700);
    --color-focus: var(--brand-400);

    /* Typography */
    --font-display: "Newsreader", "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif;
    --font-sans: "Public Sans", "Avenir Next", Avenir, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    --font-mono: "SFMono-Regular", Consolas, "Liberation Mono", monospace;

    --text-xs: clamp(0.76rem, 0.74rem + 0.08vw, 0.82rem);
    --text-sm: clamp(0.88rem, 0.84rem + 0.12vw, 0.96rem);
    --text-base: clamp(1rem, 0.96rem + 0.16vw, 1.08rem);
    --text-lg: clamp(1.12rem, 1.04rem + 0.3vw, 1.28rem);
    --text-xl: clamp(1.32rem, 1.18rem + 0.52vw, 1.64rem);
    --text-2xl: clamp(1.68rem, 1.38rem + 1vw, 2.26rem);
    --text-3xl: clamp(1.95rem, 1.55rem + 1.5vw, 2.9rem);
    --text-4xl: clamp(2.5rem, 1.9rem + 2.4vw, 4.3rem);

    --leading-tight: 1.02;
    --leading-snug: 1.2;
    --leading-body: 1.62;

    --tracking-tight: -0.035em;
    --tracking-slight: -0.015em;
    --tracking-wide: 0.12em;

    /* Spacing */
    --space-1: 0.25rem;
    --space-2: 0.5rem;
    --space-3: 0.75rem;
    --space-4: 1rem;
    --space-5: 1.25rem;
    --space-6: 1.5rem;
    --space-8: 2rem;
    --space-10: 2.5rem;
    --space-12: 3rem;
    --space-16: 4rem;
    --space-20: 5rem;
    --space-24: 6rem;
    --space-32: 8rem;

    /* Layout */
    --container: 76rem;
    --container-narrow: 52rem;
    --gutter: clamp(1rem, 3vw, 2rem);
    --section-space: clamp(5rem, 8vw, 8rem);

    /* Shape */
    --radius-xs: 0.35rem;
    --radius-sm: 0.65rem;
    --radius-md: 1rem;
    --radius-lg: 1.5rem;
    --radius-xl: 2rem;
    --radius-pill: 999px;

    /* Elevation: intentionally restrained; no glass/neon effects */
    --shadow-sm: 0 1px 2px rgb(17 23 37 / 0.06), 0 6px 16px rgb(17 23 37 / 0.04);
    --shadow-md: 0 16px 38px rgb(17 23 37 / 0.10);
    --shadow-logo: 0 24px 60px rgb(13 26 56 / 0.22);

    /* Motion */
    --ease-out: cubic-bezier(0.2, 0.75, 0.25, 1);
    --duration-fast: 160ms;
    --duration-base: 260ms;

    /* Minimum comfortable touch target */
    --tap: 2.75rem;

    /* Layering */
    --z-header: 50;
    --z-menu: 60;
    --z-float: 70;
  }
}