/*
 * Quick Ride brand tokens for the web, transcribed from
 * flutter/packages/core/lib/src/theme.dart (the one source of truth).
 * Do not eyeball new values here; change theme.dart first, then mirror.
 */

@font-face {
	font-family: 'Inter';
	src: url('fonts/Inter-Regular.ttf') format('truetype');
	font-weight: 400;
	font-style: normal;
}
@font-face {
	font-family: 'Inter';
	src: url('fonts/Inter-Medium.ttf') format('truetype');
	font-weight: 500;
	font-style: normal;
}
@font-face {
	font-family: 'Inter';
	src: url('fonts/Inter-SemiBold.ttf') format('truetype');
	font-weight: 600;
	font-style: normal;
}
@font-face {
	font-family: 'Inter';
	src: url('fonts/Inter-Bold.ttf') format('truetype');
	font-weight: 700;
	font-style: normal;
}

:root {
	/* ColorScheme */
	--qr-red: #C4161C;            /* primary */
	--qr-on-red: #FFFFFF;         /* onPrimary */
	--qr-red-wash: #FBE3E3;       /* primaryContainer */
	--qr-on-red-wash: #7A0E12;    /* onPrimaryContainer */
	--qr-ink: #141414;            /* secondary / onSurface / inverseSurface */
	--qr-green: #1B7F4D;          /* tertiary (success only) */
	--qr-green-wash: #E0F2E8;     /* tertiaryContainer */
	--qr-amber: #B45309;          /* error (deliberately non-red) */
	--qr-paper: #FFFFFF;          /* surface */
	--qr-gray: #5C5C5C;           /* onSurfaceVariant; no lighter, sunlight eats light grays */
	--qr-canvas: #F6F4F2;         /* surfaceContainerLow (scaffold background) */
	--qr-outline: #D9D5D1;        /* outline (hairlines) */

	/* Radii: one family, sharp per the Kuq e Zi character */
	--qr-radius-button: 8px;
	--qr-radius-card: 10px;
	--qr-radius-tile: 14px;
	--qr-radius-sheet: 16px;
	--qr-radius-hero: 24px;
	--qr-radius-pill: 28px;

	/* Spacing: 4pt grid */
	--qr-space-2: 8px;
	--qr-space-3: 12px;
	--qr-space-4: 16px;
	--qr-space-6: 24px;
	--qr-space-8: 32px;
	--qr-gutter: 16px;

	--qr-font: 'Inter', system-ui, sans-serif;
}

/* Type scale (theme.dart _textTheme); headlines carry no periods. */
.qr-display {
	font-family: var(--qr-font);
	font-weight: 700;
	font-variant-numeric: tabular-nums;
	letter-spacing: -0.02em;
}
.qr-headline {
	font-family: var(--qr-font);
	font-weight: 700;
	letter-spacing: -0.0125em; /* the -0.3/24 sheet-header ratio */
}
.qr-title {
	font-family: var(--qr-font);
	font-weight: 600;
}
.qr-body {
	font-family: var(--qr-font);
	font-weight: 400;
}
.qr-caption {
	font-family: var(--qr-font);
	font-weight: 500;
	color: var(--qr-gray);
}