/* ------------------------------------------------------------------------- CADSymbols -- design tokens, shared by the app and the marketing site. One file on purpose. These used to live inline in the app's , which meant the site either duplicated them or drifted from them; a redesign that has to be applied twice gets applied once. Visual language is drafting, because that is the subject's own world: ISO 128 line types in the preview, hairline rules instead of borders, square corners, tabular figures, and monospace for anything a caliper or a standard number touches. The accent is the TurboCAD blue already used by this project's icon set, so the page sits next to the 2026 ribbon. ------------------------------------------------------------------------- */ :root { /* Drafting film: a cool neutral with a faint green bias, not a warm cream */ --paper: #F4F6F5; --film: #FFFFFF; --film-2: #FAFBFA; --ink: #1E252B; --ink-soft: #4A555E; --muted: #79858F; /* ISO 128 continuous thin */ --rule: #DCE1E0; --rule-soft: #E9EDEC; --accent: #0B6BC7; --accent-bg: #E8F1FB; --accent-ink: #0A5AA8; --amber: #B26F12; --amber-bg: #FBF2E3; --sel: #DCEAF9; --shadow: 0 1px 2px rgba(30,37,43,.06), 0 4px 12px rgba(30,37,43,.05); --f-sans: "IBM Plex Sans", ui-sans-serif, "Segoe UI", system-ui, sans-serif; --f-mono: "IBM Plex Mono", ui-monospace, "Cascadia Mono", Consolas, monospace; } :root:not([data-theme="light"]) { } @media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) { --paper: #0E1113; --film: #171B1E; --film-2: #1B2023; --ink: #E4E9EB; --ink-soft: #AAB5BB; --muted: #7C888F; --rule: #2A3135; --rule-soft: #232A2E; --accent: #58A6E8; --accent-bg: #14293D; --accent-ink: #8CC4F2; --amber: #D89B45; --amber-bg: #33280F; --sel: #17334C; --shadow: 0 1px 2px rgba(0,0,0,.4), 0 4px 14px rgba(0,0,0,.3); } } :root[data-theme="dark"] { --paper: #0E1113; --film: #171B1E; --film-2: #1B2023; --ink: #E4E9EB; --ink-soft: #AAB5BB; --muted: #7C888F; --rule: #2A3135; --rule-soft: #232A2E; --accent: #58A6E8; --accent-bg: #14293D; --accent-ink: #8CC4F2; --amber: #D89B45; --amber-bg: #33280F; --sel: #17334C; --shadow: 0 1px 2px rgba(0,0,0,.4), 0 4px 14px rgba(0,0,0,.3); }