/** * NextForLab — design tokens. * * Single responsibility: the theme values. Component styles that consume these * live in css/components.css. * * The site is dark-only. There is no light set and no runtime toggle, so these * are plain :root values. still carries the `tw-dark` class so Tailwind's * `dark:` variants in the markup continue to resolve. * * Design language: technical minimal. Near-black page, hairline neutral * borders, one signal-red accent used sparingly, monospace micro-labels. * Contrast on the #0a0a0a page background: --text is 17:1 and --text-muted is * 7:1, both comfortably AA. The red is decorative / large-text only. */ :root { color-scheme: dark; --accent-500: #e9463d; --accent-600: #c93327; /* Text colour placed ON an accent-filled surface. */ --on-accent: #140a06; --cream: #faf3e3; --text: #f2f2f0; --text-muted: #a3a49e; --bg: #0a0a0a; --surface: #101011; --surface-raised: #141415; --border: #232324; --btn-color: #140a06; --btn-bg: #e9463d; --btn-bg-hover: #ec6a5c; --input-bg: #0e0e0f; --input-border: #2e2e30; --input-border-focus: #ec6a5c; --hr-color: #232324; --footer-link: #b0b1ab; --footer-link-hover: #ffffff; --error: #fda29b; --focus-ring: #ec6a5c; /* Fine dot grid drawn as a gradient rather than a large dots.svg asset. */ --dot-color: #ffffff17; }