/*
 * Dekajiri Heaven: Full Review Redesign v3
 * Experimental branch-only design system.
 *
 * Visual references studied from public GitHub projects include:
 * - asbhogal/Fyrre-Magazine (editorial hierarchy / magazine rhythm)
 * - Lazhari/react-movies-finder (media-first cards / rating placement, MIT)
 * - transitive-bullshit/next-movie (dense movie discovery patterns, MIT)
 * - codewithsadee/filmlane (cinematic dark presentation)
 * - magicuidesign/magicui (micro-interaction restraint, MIT)
 *
 * This file intentionally uses rx3-prefixed components so the redesign does not
 * depend on the legacy card/layout rules in main.css.
 */

:root {
	--rx3-bg: #0b0b0d;
	--rx3-bg-soft: #121216;
	--rx3-panel: #17171c;
	--rx3-panel-2: #202027;
	--rx3-paper: #f1eee8;
	--rx3-paper-2: #faf8f4;
	--rx3-text: #f7f4ee;
	--rx3-text-dim: rgba(247, 244, 238, .64);
	--rx3-ink: #151519;
	--rx3-ink-dim: #6f6b67;
	--rx3-line: rgba(255,255,255,.11);
	--rx3-line-dark: rgba(21,21,25,.14);
	--rx3-accent: #ed5b91;
	--rx3-accent-2: #ffb2c9;
	--rx3-rose-dark: #8f3453;
	--rx3-burgundy: #402832;
	--rx3-burgundy-soft: #59464d;
	--rx3-rose-gray: #75666b;
	--rx3-paper-rose: #fff7f9;
	--rx3-gold: #dfb56f;
	--rx3-green: #94d4a4;
	--rx3-radius: 22px;
	--rx3-radius-sm: 14px;
	--rx3-shadow: 0 34px 90px rgba(0,0,0,.34);
	--rx3-max: 1480px;
	--rx3-reading: 940px;
	--rx3-motion-fast: 160ms;
	--rx3-motion-base: 240ms;
	--rx3-motion-slow: 360ms;
	--rx3-motion-reveal: 420ms;
	--rx3-ease-standard: cubic-bezier(.2,.7,.2,1);
	--rx3-ease-out: cubic-bezier(.22,1,.36,1);
	--rx3-ease-in: cubic-bezier(.4,0,1,1);
	--rx3-progress: 0;
}