/**
 * ChiroCare Design Tokens v2.4
 * Responsive + AA oriented refinements.
 */

:root {
	color-scheme: light;

	/* === Brand Colors === */
	--cc-ink:              #161618;
	--cc-ink-soft:         #232127;
	--cc-text-primary:     #17161A;
	--cc-text-secondary:   #3E3936;
	--cc-text-tertiary:    #544E49;
	--cc-white:            #FFFFFF;
	--cc-black:            #000000;

	--cc-accent:           #8E1F2D;
	--cc-accent-dark:      #6D1420;
	--cc-accent-soft:      #C8A79E;
	--cc-accent-glow:      rgba(142, 31, 45, 0.14);
	--cc-gold-line:        #D8C7AE;
	--cc-trust:            #5F6A5B;

	--cc-bg-canvas:        #F8F5F0;
	--cc-bg-warm:          #F7F3EE;
	--cc-bg-sand:          #EFE7DC;
	--cc-bg-soft:          #FCFAF7;
	--cc-bg-panel:         rgba(255,255,255,0.86);
	--cc-bg-panel-strong:  rgba(255,255,255,0.94);
	--cc-bg-dark:          #18171A;
	--cc-bg-dark-soft:     #221F24;
	--cc-border:           #D2C5B6;
	--cc-border-strong:    #BDA58B;
	--cc-border-dark:      rgba(255,255,255,0.16);

	--cc-grad-hero:        radial-gradient(circle at 12% 18%, rgba(200,167,158,0.24), transparent 34%), linear-gradient(135deg, #fbf8f3 0%, #f5eee4 52%, #efe5d7 100%);
	--cc-grad-dark:        radial-gradient(circle at top left, rgba(200,167,158,0.10), transparent 30%), linear-gradient(180deg, #1c191d 0%, #141316 100%);
	--cc-grad-card:        linear-gradient(180deg, rgba(255,255,255,0.96) 0%, rgba(255,255,255,0.84) 100%);

	/* === Typography === */
	--cc-font-display:     'Lato', system-ui, -apple-system, 'Segoe UI', sans-serif;
	--cc-font-serif:       'Lato', system-ui, -apple-system, 'Segoe UI', sans-serif;
	--cc-font-sans:        'Lato', system-ui, -apple-system, 'Segoe UI', sans-serif;

	--cc-fs-display:       clamp(calc(var(--cc-ui-hero, 4.25rem) * 0.44), 2rem + 3vw, var(--cc-ui-hero, 4.25rem));
	--cc-fs-h1:            clamp(calc(var(--cc-ui-h1, 3.5rem) * 0.52), 1.4rem + 2.4vw, var(--cc-ui-h1, 3.5rem));
	--cc-fs-h2:            clamp(calc(var(--cc-ui-h2, 2.5rem) * 0.60), 1.15rem + 1.6vw, var(--cc-ui-h2, 2.5rem));
	--cc-fs-h3:            clamp(calc(var(--cc-ui-h3, 1.75rem) * 0.74), 1rem + 0.8vw, var(--cc-ui-h3, 1.75rem));
	--cc-fs-h4:            clamp(calc(var(--cc-ui-h4, 1.375rem) * 0.84), 0.95rem + 0.45vw, var(--cc-ui-h4, 1.375rem));
	--cc-fs-body-lg:       calc(var(--cc-ui-body, 1.125rem) * 1.06);
	--cc-fs-body:          var(--cc-ui-body, 1.125rem);
	--cc-fs-small:         1rem;
	--cc-fs-meta:          0.875rem;
	--cc-fs-eyebrow:       0.76rem;
	--cc-fs-nav:           1rem;
	--cc-fs-button:        1rem;

	--cc-lh-display:       1.02;
	--cc-lh-tight:         1.1;
	--cc-lh-snug:          1.24;
	--cc-lh-base:          1.72;

	--cc-tracking-display: -0.03em;
	--cc-tracking-tight:   -0.018em;
	--cc-tracking-eyebrow: 0.16em;

	/* === Spacing === */
	--cc-space-2xs:        0.375rem;
	--cc-space-xs:         0.625rem;
	--cc-space-sm:         1rem;
	--cc-space-md:         1.5rem;
	--cc-space-lg:         2.5rem;
	--cc-space-xl:         4rem;
	--cc-space-2xl:        6rem;
	--cc-space-3xl:        8rem;
	--cc-space-4xl:        10rem;
	--cc-section-y-tight:  clamp(3rem, 5vw, 5rem);
	--cc-section-y:        clamp(4rem, 7vw, 7rem);
	--cc-section-y-loose:  clamp(5rem, 8vw, 9rem);

	/* === Layout === */
	--cc-content:          780px;
	--cc-wide:             1280px;
	--cc-ultra:            1400px;
	--cc-gutter:           clamp(1rem, 3.2vw, 2.5rem);
	--cc-touch-target:     44px;

	/* === Radius === */
	--cc-radius-sm:        12px;
	--cc-radius-md:        18px;
	--cc-radius-lg:        28px;
	--cc-radius-xl:        38px;
	--cc-radius-2xl:       52px;
	--cc-radius-pill:      999px;

	/* === Surface & Shadow === */
	--cc-shadow-xs:        0 8px 24px rgba(18,16,20,0.05);
	--cc-shadow-soft:      0 18px 48px rgba(18,16,20,0.08);
	--cc-shadow-card:      0 14px 34px rgba(18,16,20,0.06), 0 4px 10px rgba(18,16,20,0.04);
	--cc-shadow-hover:     0 24px 64px rgba(18,16,20,0.12), 0 10px 26px rgba(18,16,20,0.08);
	--cc-shadow-dark:      0 24px 70px rgba(0,0,0,0.34);
	--cc-blur-panel:       blur(18px);

	/* === Motion === */
	--cc-trans-fast:       170ms cubic-bezier(0.4, 0, 0.2, 1);
	--cc-trans-base:       260ms cubic-bezier(0.2, 0.8, 0.2, 1);
	--cc-trans-slow:       500ms cubic-bezier(0.2, 0.8, 0.2, 1);
}