/* Salón Charlie – design tokens (z Claude Design exportu, 2026-10-04) */
:root{
/* Brand — sampled from logo (CMYK 60/40/0/40 and K70) */
--charlie-blue-900:#1f3158;--charlie-blue-700:#2e4677;--charlie-blue-600:#3d5c99;--charlie-blue-500:#5874ad;--charlie-blue-300:#9fb2d6;--charlie-blue-100:#e3e9f4;--charlie-blue-50:#f2f5fa;
--charlie-grey:#4c4c4c;
/* Towel blue — sampled from the hero photo blanket */
--towel-blue-700:#01528b;--towel-blue-600:#017ab8;--towel-blue-500:#008cd2;--towel-blue-100:#dcf0fb;
/* Fur — warm tan from the dog's coat */
--fur-600:#a8743f;--fur-500:#c8935e;--fur-100:#f6ebdf;--fur-50:#fbf6f0;
/* Neutrals */
--white:#ffffff;--grey-50:#f7f7f6;--grey-100:#efeeec;--grey-200:#e2e0dd;--grey-300:#c9c6c2;--grey-500:#8a8783;--grey-600:#6b6966;--grey-700:#4c4c4c;--grey-900:#262626;
/* Semantic */
--success-600:#2f7d52;--success-100:#e1f1e7;--warning-600:#a86b0c;--warning-100:#fbefd9;--danger-600:#b63a32;--danger-100:#f8e2df;
/* Aliases */
--brand-primary:var(--charlie-blue-600);--brand-primary-hover:var(--charlie-blue-700);--brand-primary-press:var(--charlie-blue-900);--brand-accent:var(--towel-blue-500);--brand-warm:var(--fur-500);
--fg-1:var(--grey-900);--fg-2:var(--grey-700);--fg-3:var(--grey-600);--fg-on-brand:var(--white);--fg-brand:var(--charlie-blue-600);
--text-body:var(--fg-2);--text-heading:var(--fg-1);--text-muted:var(--fg-3);--text-link:var(--charlie-blue-600);--text-link-hover:var(--charlie-blue-900);
--surface-page:var(--white);--surface-soft:var(--charlie-blue-50);--surface-warm:var(--fur-50);--surface-card:var(--white);--surface-inverse:var(--charlie-blue-600);--surface-deep:var(--charlie-blue-900);
--border-subtle:var(--grey-200);--border-default:var(--grey-300);--border-strong:var(--grey-700);--border-focus:var(--towel-blue-500);
}

:root{
/* Substitutes — logo was outlined; originals unknown */
--font-script:"Courgette","Brush Script MT",cursive;
--font-serif:"Lora",Georgia,"Times New Roman",serif;
--font-sans:"Mulish","Helvetica Neue",Arial,sans-serif;
--font-display:var(--font-serif);--font-body:var(--font-sans);--font-accent:var(--font-script);
--fs-12:12px;--fs-14:14px;--fs-16:16px;--fs-18:18px;--fs-20:20px;--fs-24:24px;--fs-32:32px;--fs-40:40px;--fs-56:56px;--fs-72:72px;
--fw-regular:400;/* @kind font */--fw-medium:500;/* @kind font */--fw-semibold:600;/* @kind font */--fw-bold:700;/* @kind font */--fw-black:800;/* @kind font */
--lh-tight:1.1;/* @kind font */--lh-snug:1.25;/* @kind font */--lh-body:1.6;/* @kind font */
--tracking-logo:0.32em;--tracking-eyebrow:0.18em;--tracking-normal:0;
--type-script-size:var(--fs-24);--type-h1-size:44px;--type-h2-size:36px;--type-h3-size:var(--fs-24);--type-body-size:var(--fs-16);--type-small-size:var(--fs-14);--type-eyebrow-size:var(--fs-12);
}

:root{
--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--space-9:96px;--space-10:128px;
--radius-sm:6px;--radius-md:12px;--radius-lg:20px;--radius-xl:32px;--radius-pill:999px;
--border-width:1px;--border-width-strong:2px;
--shadow-sm:0 1px 2px rgba(31,49,88,.08);--shadow-md:0 4px 14px rgba(31,49,88,.10);--shadow-lg:0 16px 40px rgba(31,49,88,.16);
--focus-ring:0 0 0 3px rgba(0,140,210,.35);
--ease-soft:cubic-bezier(.25,.8,.35,1);/* @kind other */--dur-fast:120ms;/* @kind other */--dur-base:200ms;/* @kind other */--dur-slow:360ms;/* @kind other */
--container-max:1180px;--control-h-sm:36px;--control-h-md:44px;--control-h-lg:52px;
}

a{color:var(--text-link);text-decoration-thickness:1px;text-underline-offset:3px}
a:hover{color:var(--text-link-hover)}