/* exidex design tokens — single source of truth for light + dark. Served at /_showcase/tokens.css on the Mini (copied on portfolio deploy). Portfolio maps the same values into Tailwind via src/index.css @theme. Product landings and full apps link this file and use var(--light-*) etc. Theme: set html[data-theme="dark"] (or omit / "light"). Persist with localStorage key `exidex-theme` = "light" | "dark". */ :root { --light-1: #fdfdf8; --light-2: #eeefe9; --light-3: #e5e7e0; --light-4: #d2d3cc; --light-5: #c8cac1; --light-6: #bfc1b7; --light-7: #b6b7af; --light-8: #d0d1c9; --light-9: #73756b; --light-10: #9ea096; --light-11: #4d4f46; --light-12: #23251d; --red: #f54e00; --red-2: #f87a4c; --orange: #eb9d2a; --yellow: #f7a501; --gold: #ffba53; --teal: #29dbbb; --teal-2: #6bc0b3; --blue: #2f80fa; --blue-2: #589df8; --green: #6aa84f; --green-2: #36c46f; --purple: #b62ad9; --fuchsia: #a621c8; --pink: #e34c6f; --navy: #1e2f46; --gray: #8f8f8c; --button-border: #b17816; --button-shadow: #cd8407; --highlight: rgba(235, 157, 42, 0.2); --accent: var(--red); --font-sans: 'IBM Plex Sans Variable', 'IBM Plex Sans', -apple-system, BlinkMacSystemFont, sans-serif; --font-code: 'Source Code Pro', Menlo, Consolas, monospace; } html[data-theme='dark'] { --light-1: #1e201a; --light-2: #282a24; --light-3: #141612; --light-4: #34362f; --light-5: #3e4038; --light-6: #4a4c44; --light-7: #56584f; --light-8: #3a3c35; --light-9: #9a9c92; --light-10: #7e8076; --light-11: #c4c6bc; --light-12: #f0f1ea; --highlight: rgba(235, 157, 42, 0.28); } /* Apply stored preference before paint (inline this snippet in too). */ /* localStorage: exidex-theme = "light" | "dark" */