/**
 * onmethod.com — "Straight Talk" reskin (AI pivot, 2026-10-11).
 * Direction 3: plainspoken, typography-first, shop-red accent.
 * Loaded LAST so it wins every cascade. Flips the variable system;
 * everything built on --om-* follows.
 */
:root {
	--om-bg: #FDFBF7;
	--om-surface: #F4F1E8;
	--om-surface-2: #ECE7D6;
	--om-text: #1A1A1A;
	--om-ink: #1A1A1A;
	--om-muted: #5C5C5C;
	--om-accent: #A6322B;
	--om-gold: #A6322B;
	--om-accent-rgb: 166, 50, 43;
	--om-secondary: #1F3A5F;
	--om-secondary-rgb: 31, 58, 95;
	--om-highlight: #A6322B;
	--om-deep: #FDFBF7;
	--om-on-accent: #FFFFFF;
	--om-line: rgba(26, 26, 26, 0.12);
	--om-font-display: "IBM Plex Sans", "Segoe UI", system-ui, sans-serif;
	--om-radius: 0.5rem;
}

html { background: var(--om-bg); }
body { background: var(--om-bg); color: var(--om-text); }

/* Kill the skeuomorphism: no warp, no orbs, no gloss, no glow. */
.warp-stars, .warp-flash, .om-fx-orb { display: none !important; }
.om-hero--warp { background: var(--om-bg) !important; }

/* Buttons: flat, blunt, shop-red. */
.om-btn {
	background: var(--om-accent) !important;
	color: #fff !important;
	border: 0 !important;
	border-radius: var(--om-radius) !important;
	box-shadow: none !important;
	text-shadow: none !important;
	background-image: none !important;
}
.om-btn:hover { background: #8C2A25 !important; }
.om-btn-secondary {
	border: 1px solid var(--om-line) !important;
	color: var(--om-text) !important;
	background: transparent !important;
	box-shadow: none !important;
}

/* Headlines: blunt grotesque, sentence case, no glow. */
h1, h2, h3, .om-hero h1 {
	font-family: var(--om-font-display) !important;
	font-weight: 700;
	letter-spacing: -0.01em;
	text-shadow: none !important;
}

/* Cards: paper, hairline borders, no shadows. */
.om-card, .om-form-shell, .om-pkg-card {
	background: #fff !important;
	border: 1px solid var(--om-line) !important;
	box-shadow: none !important;
	border-radius: var(--om-radius) !important;
}

/* Kickers and numbers: the math is the design. */
.om-kicker { color: var(--om-accent) !important; font-weight: 700; }

/* Track toggle tabs inherit the flat system. */
.om-track-tab { background: #fff; border-color: var(--om-line); color: var(--om-muted); }
.om-track-tab.is-active { background: var(--om-text) !important; border-color: var(--om-text) !important; color: #fff !important; }

/* Forms: honest inputs. */
.fluentform input, .fluentform select, .fluentform textarea {
	border: 1px solid var(--om-line) !important;
	border-radius: var(--om-radius) !important;
	background: #fff !important;
	color: var(--om-text) !important;
	box-shadow: none !important;
}
.fluentform .ff-btn-submit {
	background: var(--om-accent) !important;
	color: #fff !important;
	border: 0 !important;
	border-radius: var(--om-radius) !important;
	box-shadow: none !important;
}

/* Demos page: keep the interactive demos readable on paper. */
.om-demo-shell { background: #fff !important; border: 1px solid var(--om-line) !important; box-shadow: none !important; }