/* ============================================================================ SnapToolSuite Design System — THE SINGLE SOURCE OF TRUTH for color/look. Linked LAST in each page's so this :root overrides the page's inline tokens. Change a value here → every page that links this file updates. See SnapToolSuite-Design-System.md. Palette: charcoal / stone / tan-gold / white. ============================================================================ */ :root { /* core palette */ --charcoal: #1a1a1a; --stone: #e5e5e5; --gold: #c6a878; --gold-d: #a98c57; --white: #ffffff; /* mapped onto the tokens the tool pages already use */ --primary: #c6a878; /* tan-gold — primary buttons / CTAs */ --primary-dark: #a98c57; /* gold hover */ --on-primary: #1a1a1a; /* charcoal text on a gold button (contrast) */ --cta-text: #1a1a1a; --cta-btn-hover: #b89a68; --accent: #a98c57; /* tan-gold-dark — highlights, result numbers */ --danger: #b91c1c; --on-danger: #ffffff; /* Gold-as-TEXT/LINK token. Gold #c6a878 as a fill is fine, but as TEXT on a light bg it reads ~2:1 (fails). Links/credit use --link, which is a DEEPER gold on light (≈4.3:1 on white, ≥3:1 on the warm page bg) and the BRIGHT gold on dark (where bright gold is readable). Fills/buttons keep --gold/--primary. */ --link: #8a6a35; /* deep gold — readable gold text on light */ --text: #1a1a1a; /* charcoal */ --text-h: #1a1a1a; --muted: #6e6a62; --bg: #f6f5f2; /* warm off-white */ --card: #ffffff; --border: #e5e5e5; /* stone */ --radius: 12px; --shadow: 0 2px 4px rgba(26, 26, 26, 0.06); /* micro-shadow, never heavy */ --font: 'Inter', 'Satoshi', 'Neue Haas Grotesk', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif; --mono: ui-monospace, 'JetBrains Mono', 'SF Mono', Menlo, Consolas, monospace; /* Pin light so an OS/browser in dark mode can't auto-darken native form fields (inputs/selects/scrollbars) → no dark-on-dark text. The [data-theme="dark"] block below flips this to dark when the user actually opts into dark. */ color-scheme: light; } /* Gold primary buttons need CHARCOAL text — white on tan-gold fails contrast, and many pages hard-code color:#fff. This loads after each page's inline