/* ============================================================ ADX brand for the shadcn/Tailwind apps (Finance Ops Hub, Bookmarks, Assets, Autocorrect) Those four came out of Replit with the stock shadcn palette — blue primary, cold grey surfaces. They are token-driven, so the whole rebrand is this file: the same ADX paper + coral, written as the space-separated HSL triplets Tailwind wraps in hsl(). Loaded LAST in by /usr/local/bin/adx-brandify --shadcn, so it beats the bundled stylesheet without a rebuild. Values are the exact HSL of the hexes in /brand/adx.css. ============================================================ */ :root, [data-theme="light"] { --background: 48 33% 97% !important; /* #faf9f5 paper */ --foreground: 30 3% 12% !important; /* #1f1e1d ink */ --card: 0 0% 100% !important; --card-foreground: 30 3% 12% !important; --popover: 0 0% 100% !important; --popover-foreground: 30 3% 12% !important; --primary: 15 56% 52% !important; /* #c96442 coral */ --primary-foreground: 0 0% 100% !important; --secondary: 47 26% 93% !important; /* #f2f0e9 */ --secondary-foreground: 30 3% 12% !important; --muted: 47 26% 93% !important; --muted-foreground: 47 4% 42% !important; /* #6f6d66 */ --accent: 47 26% 93% !important; --accent-foreground: 15 56% 52% !important; --destructive: 8 58% 44% !important; /* #b3402f */ --destructive-foreground: 0 0% 100% !important; --border: 46 21% 88% !important; /* #e6e3d9 */ --input: 46 21% 88% !important; --ring: 15 56% 52% !important; --radius: 0.75rem !important; --sidebar-background: 47 26% 93% !important; --sidebar-foreground: 30 3% 12% !important; --sidebar-primary: 15 56% 52% !important; --sidebar-primary-foreground: 0 0% 100% !important; --sidebar-accent: 48 33% 97% !important; --sidebar-accent-foreground: 30 3% 12% !important; --sidebar-border: 46 21% 88% !important; --sidebar-ring: 15 56% 52% !important; /* charts: coral-led, warm, colour-blind safe spacing round the wheel */ --chart-1: 15 56% 52% !important; --chart-2: 152 33% 37% !important; --chart-3: 213 47% 45% !important; --chart-4: 38 71% 38% !important; --chart-5: 282 30% 50% !important; } .dark, [data-theme="dark"] { --background: 60 1% 14% !important; /* #232322 */ --foreground: 45 27% 94% !important; /* #f4f2ec */ --card: 60 2% 18% !important; /* #2e2e2c */ --card-foreground: 45 27% 94% !important; --popover: 60 2% 18% !important; --popover-foreground: 45 27% 94% !important; --primary: 16 68% 62% !important; /* #e0805e */ --primary-foreground: 60 1% 14% !important; --secondary: 60 2% 22% !important; /* #383836 */ --secondary-foreground: 45 27% 94% !important; --muted: 60 2% 22% !important; --muted-foreground: 40 6% 62% !important; /* #a5a199 */ --accent: 60 2% 22% !important; --accent-foreground: 16 68% 62% !important; --destructive: 8 66% 64% !important; /* #e07a68 */ --destructive-foreground: 60 1% 14% !important; --border: 60 3% 23% !important; /* #3d3d3a */ --input: 60 3% 23% !important; --ring: 16 68% 62% !important; --sidebar-background: 60 2% 18% !important; --sidebar-foreground: 45 27% 94% !important; --sidebar-primary: 16 68% 62% !important; --sidebar-primary-foreground: 60 1% 14% !important; --sidebar-accent: 60 2% 22% !important; --sidebar-accent-foreground: 45 27% 94% !important; --sidebar-border: 60 3% 23% !important; --sidebar-ring: 16 68% 62% !important; --chart-1: 16 68% 62% !important; --chart-2: 152 33% 58% !important; --chart-3: 213 47% 68% !important; --chart-4: 38 60% 60% !important; --chart-5: 282 32% 68% !important; } /* headings pick up the ADX serif, same as every other tool */ h1, h2, .adx-serif { font-family: "Tiempos Text", ui-serif, Georgia, "Times New Roman", serif; letter-spacing: -.015em; }