/*
 * Archivo (logo, display, hero numbers): self-hosted variable font, the
 * same files Google Fonts served before (wdth 62–125, wght 400–900).
 * latin-ext loads only when a name needs one of its characters.
 * See assets/fonts/README.md for source + license.
 */
@font-face {
	font-family: 'Archivo';
	font-style: normal;
	font-weight: 400 900;
	font-stretch: 62% 125%;
	font-display: swap;
	src: url('../fonts/Archivo-latin.woff2') format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
	font-family: 'Archivo';
	font-style: normal;
	font-weight: 400 900;
	font-stretch: 62% 125%;
	font-display: swap;
	src: url('../fonts/Archivo-latin-ext.woff2') format('woff2');
	unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/*
 * Plus Jakarta Sans: self-hosted variable font (wght 200–800, latin).
 * See assets/fonts/README.md for source + license.
 */
@font-face {
	font-family: 'Plus Jakarta Sans';
	font-style: normal;
	font-weight: 200 800;
	font-display: swap;
	src: url('../fonts/PlusJakartaSans-latin.woff2') format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/*
 * BigWinMaxxing V1 design tokens — from the approved Claude Design system
 * ("BigWinMaxxing V1" handoff). Every component uses only these values.
 * theme.json mirrors the palette + fonts for editorial content.
 *
 * Purple is reserved for: primary button (one per view), selected tab/nav
 * indicator, focus ring, OG Maxxer badge, links. Green/red only for money.
 */
:root {
	/* Surfaces */
	--bg-base: #0A0A0C;      /* app background */
	--bg-home: #08080A;      /* homepage ends */
	--bg-home-mid: #0F0F12;  /* homepage first sections */
	--bg-graphite: #141417;  /* homepage mid-sections */
	--bg-raised: #111114;    /* inline panels, composer, CTAs */
	--bg-overlay: #121215;   /* dialogs, sheets, menus */
	--bg-input: #0E0E11;     /* field fill */
	--bg-deep: #0B0B0D;      /* homepage tracker panel */
	--bg-chip: #1A1A1F;
	--bg-key: #16161A;

	/* Lines */
	--line-subtle: #1E1E23;  /* row separators */
	--line-strong: #2E2E35;  /* inputs, secondary buttons */
	--line-chrome: #1F1F24;  /* header, tab bar, sheet chrome */
	--line-row: #1A1A1F;     /* table rows */
	--line-faint: #16161A;   /* comment rows */
	--line-overlay: #26262C; /* dialog border */
	--line-dashed: #3A3A42;

	/* Text */
	--fg-primary: #F3F2EF;
	--fg-body: #E4E2DE;
	--fg-label: #C9C7CF;
	--fg-secondary: #A7A5AE;
	--fg-tertiary: #6F6D77;
	--fg-muted: #4A4852;
	--fg-on-inverse: #0A0A0C;

	/* Accent */
	--accent: #6D4AFF;
	--accent-hover: #7C5CFF;
	--accent-press: #5435E6;
	--accent-text: #A893FF;
	--accent-text-hover: #C4B6FF;
	--accent-badge: #B9A8FF;
	--accent-ring: rgba(109, 74, 255, 0.25);
	--accent-tint: rgba(109, 74, 255, 0.10);

	/* Money */
	--money-up: #3FCF8E;
	--money-down: #F2645C;

	/* Media placeholder stripes */
	--ph-a: #17171B;
	--ph-b: #131316;
	--ph-c: #1A1A1F;
	--ph-d: #151519;

	/* Type */
	--font-display: 'Archivo', 'Helvetica Neue', Arial, sans-serif;
	--font-ui: 'Plus Jakarta Sans', system-ui, -apple-system, 'Segoe UI', sans-serif;

	/* Radii */
	--r-badge: 3px;
	--r-control: 6px;
	--r-media: 8px;
	--r-panel: 10px;
	--r-dialog: 12px;
	--r-sheet: 16px;

	/* Layout */
	--app-max: 1040px;
	--feed-max: 640px;
	--rail: 300px;
	--home-max: 1200px;
	--gutter: 16px;
	--header-h: 56px;
	--tabbar-h: 60px;

	/* Overlays */
	--scrim: rgba(5, 5, 6, 0.9);

	/* Motion */
	--t-hover: 120ms;
	--t-overlay: 200ms;
	--ease-out: cubic-bezier(0.2, 0.7, 0.2, 1);

	/* Focus ring */
	--focus-ring: 0 0 0 2px var(--bg-base), 0 0 0 4px var(--accent-text);

	color-scheme: dark;
}

@media (min-width: 1024px) {
	:root {
		--header-h: 64px;
	}
}