/*
 * ScoresChecker Design Tokens
 * Mobile-first, supportive, modern. Distinct from finance/banking sites.
 */

:root {
	/* Brand palette - teal primary, coral accent on warm off-white */
	--sc-color-bg: #fbfaf7;
	--sc-color-surface: #ffffff;
	--sc-color-surface-alt: #f3efe8;
	--sc-color-ink: #0d1f2a;
	--sc-color-ink-muted: #475a66;
	--sc-color-ink-soft: #8794a0;
	--sc-color-line: #e6e1d8;

	--sc-color-primary: #1f8a78;
	--sc-color-primary-ink: #ffffff;
	--sc-color-primary-soft: #d6efe9;
	--sc-color-primary-strong: #176658;

	--sc-color-accent: #f06a4a;
	--sc-color-accent-ink: #ffffff;
	--sc-color-accent-soft: #fde2da;

	--sc-color-success: #2c8c5b;
	--sc-color-warning: #d68b14;
	--sc-color-danger: #c03e3e;

	/* Score bands */
	--sc-band-needs: #c8553d;
	--sc-band-fair: #d68b14;
	--sc-band-good: #1f8a78;
	--sc-band-strong: #176658;

	/* Type */
	--sc-font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Helvetica Neue", Arial, sans-serif;
	--sc-font-display: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;

	--sc-text-xs: 0.8125rem;
	--sc-text-sm: 0.9375rem;
	--sc-text-base: 1rem;
	--sc-text-lg: 1.125rem;
	--sc-text-xl: 1.375rem;
	--sc-text-2xl: 1.75rem;
	--sc-text-3xl: 2.25rem;
	--sc-text-4xl: 3rem;
	--sc-text-display: 3.75rem;

	--sc-leading-tight: 1.2;
	--sc-leading-snug: 1.35;
	--sc-leading-normal: 1.55;

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

	/* Radius */
	--sc-radius-sm: 8px;
	--sc-radius-md: 14px;
	--sc-radius-lg: 20px;
	--sc-radius-pill: 999px;

	/* Shadow */
	--sc-shadow-sm: 0 1px 2px rgba(13, 31, 42, 0.05);
	--sc-shadow-md: 0 8px 24px rgba(13, 31, 42, 0.07);
	--sc-shadow-lg: 0 24px 56px rgba(13, 31, 42, 0.10);

	/* Layout */
	--sc-container: 1140px;
	--sc-container-narrow: 720px;

	/* Motion */
	--sc-ease: cubic-bezier(0.2, 0.8, 0.2, 1);
	--sc-duration: 220ms;
}