/* ============================================================ OmniX Search — Design tokens & theming Dark is default; [data-theme="light"] overrides on . ============================================================ */ :root { /* Brand accent (orange gradient) */ --accent: #ff6a2b; --accent-2: #ff8f4d; --accent-strong: #e5551f; --accent-soft: rgba(255, 106, 43, 0.14); --accent-glow: rgba(255, 106, 43, 0.35); --grad-accent: linear-gradient(135deg, #ff8f4d 0%, #ff6a2b 55%, #e5551f 100%); /* Radii */ --r-xs: 8px; --r-sm: 12px; --r-md: 16px; --r-lg: 22px; --r-xl: 28px; --r-pill: 999px; /* Motion */ --ease: cubic-bezier(0.22, 0.61, 0.36, 1); --dur: 0.28s; /* Sidebar width */ --sidebar-w: 264px; /* Fonts */ --font-sans: "Inter", "Noto Sans JP", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* ---------- DARK (default) ---------- */ :root, :root[data-theme="dark"] { --bg: #0a0a0c; --bg-2: #101013; --panel: #141417; --panel-2: #1a1a1f; --panel-hover: #202027; --elevated: #1d1d22; --border: rgba(255, 255, 255, 0.07); --border-strong: rgba(255, 255, 255, 0.12); --text: #f4f4f6; --text-2: #b7b7bf; --text-3: #7d7d87; --input-bg: #141417; --shadow: 0 18px 50px -20px rgba(0, 0, 0, 0.75); --shadow-sm: 0 8px 24px -14px rgba(0, 0, 0, 0.7); --glow-hero: radial-gradient(1200px 520px at 78% -12%, rgba(255, 106, 43, 0.22), transparent 60%); --scrim: rgba(0, 0, 0, 0.55); color-scheme: dark; } /* ---------- LIGHT ---------- */ :root[data-theme="light"] { --bg: #f3f4f7; --bg-2: #ffffff; --panel: #ffffff; --panel-2: #f7f8fa; --panel-hover: #f0f1f4; --elevated: #ffffff; --border: rgba(17, 17, 26, 0.08); --border-strong: rgba(17, 17, 26, 0.14); --text: #16161c; --text-2: #52525c; --text-3: #8a8a95; --input-bg: #f4f5f8; --shadow: 0 20px 48px -24px rgba(31, 31, 45, 0.28); --shadow-sm: 0 10px 26px -18px rgba(31, 31, 45, 0.25); --glow-hero: radial-gradient(1200px 520px at 78% -12%, rgba(255, 106, 43, 0.16), transparent 60%); --scrim: rgba(20, 20, 30, 0.4); color-scheme: light; }