/* ============================================================
   motomo design tokens — the single source of truth.
   Custom properties ONLY: this file must stay safe to link from
   standalone reading layouts (texts, shakespeare corpus) without
   affecting any layout or typography there.
   ============================================================ */

:root {
	/* --- brand --- */
	--chancered: #df4e50;
	--chancered-rgb: 223, 78, 80;
	--chancered-dark: #b93a3c;
	--offwhite: #f5f5dc;
	--bluishWhite: #c8e5ff;
	--bluishWhite-rgb: 200, 229, 255;
	--deepblue: #0b2034;

	/* --- backdrop --- */
	--background: linear-gradient(to top left, #15202A 0%, #22303C 100%);
	--animated-gradient: linear-gradient(270deg, #10253a, #183048);
	--weird-opacity: linear-gradient(to top left,
			hsla(210, 33%, 12%, 0.8) 0%,
			hsla(210, 25%, 18%, 0.8) 100%);

	/* --- surfaces --- */
	--surface-solid: #22303C;
	--surface-glass: rgba(255, 255, 255, 0.05);
	--surface-glass-hover: rgba(255, 255, 255, 0.09);
	--surface-inset: rgba(0, 0, 0, 0.2);
	--surface-modal: linear-gradient(145deg, #22303C, #15202A);

	/* --- lines --- */
	--border-subtle: rgba(200, 229, 255, 0.2);
	--border-strong: rgba(255, 255, 255, 0.25);
	--red-thread: rgba(223, 78, 80, 0.45);

	/* --- text --- */
	--text: #ffffff;
	--text-color: #ffffff; /* alias consumed by package.css */
	--text-muted: rgba(255, 255, 255, 0.65);
	--text-faint: rgba(255, 255, 255, 0.45);

	/* --- semantic --- */
	--success: #4a8c41;
	--success-bright: #5fb85f;
	--danger: var(--chancered);
	--gold: #ffd700;
	--error-readable: #ff8a8c;

	/* --- type --- */
	--font-sans: 'Source Sans Pro', Helvetica, Arial, sans-serif;
	--font-mono: Menlo, Monaco, Consolas, 'Courier New', monospace;
	--font-reading-serif: pt_serif, Georgia, serif;
	--fs-base: 17px;
	--fs-sm: 0.82rem;
	--fs-lg: 1.25rem;
	--fs-h1: 2rem;
	--fs-hero: 2.5rem;

	/* --- rhythm --- */
	--space-1: 0.25rem;
	--space-2: 0.5rem;
	--space-3: 1rem;
	--space-4: 1.5rem;
	--space-5: 2.5rem;
	--radius-sm: 4px;
	--radius-md: 8px;
	--radius-lg: 16px;
	--radius-pill: 25px;
	--shadow-card: 0 4px 12px rgba(0, 0, 0, 0.3);
	--shadow-lift: 0 10px 24px rgba(0, 0, 0, 0.45);
	--focus-ring: 0 0 0 3px rgba(223, 78, 80, 0.35);

	/* --- Shakespeare genre accents (browse index + reading sidebar) --- */
	--shk-tragedy: #df4e50;
	--shk-history: #e8d9c5;
	--shk-comedy: #35c39a;
	--shk-romance: #f0b95e;
	--shk-poem: #6cb6e6;
	--shk-lost: #e0703a;

	/* --- legacy aliases (kept so old rules keep resolving) --- */
	--navbarColor: var(--deepblue);
	--darkbluebg: #0e3053;
}