:root { --primary: #16a34a; --primary-hover: color-mix(in srgb, #16a34a 85%, black); --primary-soft: color-mix(in srgb, #16a34a 12%, white); --bg: color-mix(in srgb, #16a34a 16%, #f7f8fb); --surface: color-mix(in srgb, #16a34a 8%, #fff); --surface-2: color-mix(in srgb, #16a34a 10%, #f9fafc); --line: color-mix(in srgb, #16a34a 20%, #e9ebf2); background: var(--bg);}@media (prefers-color-scheme: dark) { :root { --primary: color-mix(in srgb, #16a34a 90%, white); --primary-hover: color-mix(in srgb, #16a34a 75%, white); --primary-soft: color-mix(in srgb, #16a34a 20%, black); --bg: color-mix(in srgb, #16a34a 32%, #0c0e14); --surface: color-mix(in srgb, #16a34a 20%, #14171f); --surface-2: color-mix(in srgb, #16a34a 22%, #181c26); --line: color-mix(in srgb, #16a34a 30%, #232834); background: var(--bg);} }