/* ========================================================= OTAKU SENPAI VERSE — Design Tokens Fonte única da verdade para cores, espaçamentos e efeitos. Consumido tanto pelo CSS puro quanto pela config do Tailwind. ========================================================= */ :root { /* Cores base — Dark Mode (padrão) */ --color-ink: #0A0710; --color-wine: #1D0C17; --color-panel: #150A14; --color-panel-alt: #1B0F1A; /* Cores de destaque */ --color-sakura: #FF5D8F; --color-sakura-soft: #FF8FB4; --color-shock: #FF2E63; --color-gold: #F2B84B; --color-mist: #B79FE0; --color-cyan: #47D7C0; /* Texto */ --color-paper: #F6F1EC; --color-dim: #B7ADC9; /* Bordas / linhas */ --color-line: rgba(255, 255, 255, 0.09); --color-line-strong: rgba(255, 255, 255, 0.16); /* Glow / sombras */ --glow-sakura: 0 10px 30px -10px rgba(255, 93, 143, 0.55); --glow-sakura-strong: 0 20px 40px -15px rgba(255, 93, 143, 0.65); --glow-gold: 0 10px 30px -12px rgba(242, 184, 75, 0.5); --glow-cyan: 0 10px 30px -12px rgba(71, 215, 192, 0.45); /* Tipografia */ --font-display: 'Orbitron', sans-serif; /* Sprint 003: Anton -> Orbitron */ --font-subheading: 'Space Grotesk', sans-serif; /* Sprint 003: novo */ --font-sans: 'Inter', sans-serif; --font-mono: 'JetBrains Mono', monospace; /* Raios */ --radius-sm: 8px; --radius-md: 14px; --radius-lg: 20px; --radius-full: 999px; /* Espaçamento de seção */ --section-padding-y: 6rem; /* Transições */ --ease-standard: cubic-bezier(0.16, 1, 0.3, 1); --duration-fast: 200ms; --duration-base: 400ms; --duration-slow: 800ms; } /* ------------------------------------------------------- Estrutura preparada para Light Mode (não ativado por padrão) Ativar adicionando classe .light na tag e removendo .dark ------------------------------------------------------- */ :root.light { --color-ink: #F6F1EC; --color-wine: #FFFFFF; --color-panel: #FFFFFF; --color-panel-alt: #F1EAE3; --color-paper: #16101C; --color-dim: #4A425C; --color-line: rgba(10, 7, 16, 0.08); --color-line-strong: rgba(10, 7, 16, 0.14); }