/* QuizzMan Dictionary - Modern Gradient Design */
/* Font for rare CJK characters - Using Noto Sans for extended CJK support */
/* HanaMin fonts removed - CDN no longer available */
/* If you need rare character support, consider self-hosting HanaMin fonts */
:root {
/* iOS 26 Inspired Color Scheme - Clean & Professional */
--primary-color: #007AFF;
--primary-hover: #0056CC;
--primary-light: #66B2FF;
--secondary-color: #5856D6;
--accent-color: #34C759;
--success-color: #34C759;
--danger-color: #FF3B30;
--warning-color: #FF9500;
/* Simplified backgrounds - No heavy gradients */
--gradient-primary: linear-gradient(135deg, #007AFF 0%, #5856D6 100%);
--gradient-secondary: linear-gradient(135deg, #66B2FF 0%, #007AFF 100%);
--gradient-accent: linear-gradient(135deg, #34C759 0%, #30D158 100%);
--gradient-dark: linear-gradient(180deg, #1C1C1E 0%, #000000 100%);
--gradient-card: none;
/* Clean iOS backgrounds */
--bg-primary: #FFFFFF;
--bg-secondary: #F2F2F7;
--bg-tertiary: #E5E5EA;
--bg-overlay: rgba(0, 0, 0, 0.4);
--bg-glass: rgba(255, 255, 255, 0.85);
/* High contrast text */
--text-primary: #1C1C1E;
--text-secondary: #6C6C70;
--text-tertiary: #8E8E93;
--text-accent: #007AFF;
/* iOS-style borders */
--border-color: #D1D1D6;
--border-light: rgba(60, 60, 67, 0.12);
/* Subtle shadows for iOS feel */
--shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.04);
--shadow-md: 0 2px 8px rgba(0, 0, 0, 0.08);
--shadow-lg: 0 4px 16px rgba(0, 0, 0, 0.12);
--shadow-xl: 0 8px 32px rgba(0, 0, 0, 0.16);
--shadow-glow: 0 0 0 4px rgba(0, 122, 255, 0.2);
--shadow-card: 0 1px 3px rgba(0, 0, 0, 0.08);
/* iOS-style radii */
--radius-sm: 8px;
--radius-md: 12px;
--radius-lg: 16px;
--radius-xl: 20px;
--radius-full: 9999px;
--font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'SF Pro Text', 'Segoe UI', Roboto, sans-serif;
--font-chinese: 'Noto Sans SC', 'Noto Serif CJK SC', 'HanaMinA', 'HanaMinB', 'SimSun-ExtB', 'Source Han Sans SC', 'PingFang SC', 'Microsoft YaHei', 'MingLiU-ExtB', 'Yu Gothic', sans-serif;
--font-rare-cjk: 'HanaMinA', 'HanaMinB', 'Noto Serif CJK SC', 'SimSun-ExtB', 'MingLiU-ExtB', 'Noto Sans CJK SC', 'Source Han Sans SC', 'Microsoft YaHei', sans-serif;
--transition-fast: 0.15s ease;
--transition-normal: 0.25s ease;
--transition-slow: 0.4s ease;
}
/* Dark mode - iOS 26 OLED-friendly */
[data-theme="dark"] {
--bg-primary: #000000;
--bg-secondary: #1C1C1E;
--bg-tertiary: #2C2C2E;
--bg-glass: rgba(28, 28, 30, 0.95);
--gradient-card: none;
--text-primary: #FFFFFF;
--text-secondary: #8E8E93;
--text-tertiary: #636366;
--text-accent: #0A84FF;
--border-color: #38383A;
--shadow-glow: 0 0 0 4px rgba(10, 132, 255, 0.3);
--shadow-card: 0 1px 3px rgba(0, 0, 0, 0.3);
--primary-color: #0A84FF;
--accent-color: #30D158;
}
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
font-family: var(--font-sans);
background: var(--bg-secondary);
color: var(--text-primary);
line-height: 1.6;
min-height: 100vh;
}
/* Light mode body - clean background */
body:not([data-theme="dark"]) {
background: #F2F2F7;
}
.container {
max-width: 1400px;
margin: 0 auto;
padding: 0 1.5rem;
}