:root { color-scheme: light dark; } [data-theme='dark'] { --accent-surface: #271F36; --accent: #8B5CF6; --background-3: #171717; --background-2: #0a0a0a; --background: #0a0a0a; --body-text: #D4D4D4; --border: #262626; --green: #22C55E; --neutral: #ffffff; --surface-3: #262626; --surface-2-80: #171717CC; --surface-2: #171717; --surface: #171717; --text: #fafafa; --accent-orange-surface: #361006; --accent-blue-surface: #06253A; --accent-pink-surface: #3F051C; } @media (prefers-color-scheme: dark) { :root { --accent-surface: #271F36; --accent: #8B5CF6; --background-3: #171717; --background-2: #0a0a0a; --background: #0a0a0a; --body-text: #D4D4D4; --border: #262626; --green: #22C55E; --neutral: #ffffff; --surface-3: #262626; --surface-2-80: #171717CC; --surface-2: #171717; --surface: #171717; --text: #fafafa; --accent-orange-surface: #361006; --accent-blue-surface: #06253A; --accent-pink-surface: #3F051C; } } ::selection { color: var(--neutral); background: var(--selection); } .background-blur { backdrop-filter: blur(8px); } .table-wrapper { width: 100%; overflow-x: auto; } .table { table-layout: auto; border-collapse: collapse; text-align: left; white-space: nowrap; thead { background-color: var(--surface); color: var(--accent); } thead th { font-weight: 600; padding: 20px 20px; } th, td { padding: 10px 20px; border: var(--border-s) solid var(--border); } tbody tr:nth-child(even) { background-color: var(--surface); } } .background-cta-960 { background-image: url('/wp-content/uploads/2025/06/cta-gradient-background-960.png'), url('/wp-content/uploads/2025/06/hero_grid_background_full_width_light.png'); background-position: bottom, center; background-repeat: no-repeat, no-repeat; background-size: auto, auto; @media (prefers-color-scheme: dark) { background-image: url('/wp-content/uploads/2025/06/cta-gradient-background-960.png'), url('/wp-content/uploads/2025/06/hero_grid_background_full_width_dark.png'); background-position: bottom, center; background-repeat: no-repeat, no-repeat; background-size: auto, auto; } } @keyframes horizontal-scroller { from { transform: translateX(0); } to { transform: translateX(-100%); } } @keyframes horizontal-scroller-reverse { from { transform: translateX(0); } to { transform: translateX(100%); } } @keyframes vertical-scroller { from { transform: translateY(0); } to { transform: translateY(-100%); } } @keyframes vertical-scroller-reverse { from { transform: translateY(0); } to { transform: translateY(100%); } }