{
 "$description": "Digital Crew design tokens in the W3C Design Tokens format (DTCG), one set per theme. Works with Tokens Studio for Figma and Style Dictionary. Source: https://www.digitalcrew.tech/design",
 "crew-light": {
  "color": {
   "background": {
    "$type": "color",
    "$value": "oklch(0.985 0 0)",
    "$description": "Page ground. Crew OS: near-white / near-black achromatic. Max: white / warm near-black."
   },
   "foreground": {
    "$type": "color",
    "$value": "oklch(0.16 0 0)",
    "$description": "Body text and icons on background, card and popover (18:1 or better in every theme)."
   },
   "card": {
    "$type": "color",
    "$value": "oklch(1 0 0)",
    "$description": "Raised surface: cards, panels, dialogs. One step above background in dark themes so panels read as elevated."
   },
   "card-foreground": {
    "$type": "color",
    "$value": "oklch(0.16 0 0)",
    "$description": "Text on card (16.9:1 or better in every theme)."
   },
   "popover": {
    "$type": "color",
    "$value": "oklch(1 0 0)",
    "$description": "Menus, popovers, select lists, tooltips-on-surface."
   },
   "popover-foreground": {
    "$type": "color",
    "$value": "oklch(0.16 0 0)",
    "$description": "Text on popover."
   },
   "primary": {
    "$type": "color",
    "$value": "oklch(0.2 0 0)",
    "$description": "The brand ink. Crew OS: near-black (light) / white (dark) — the brand reads as ink, not a tint. Max: orange-700 #c2410c (light) / orange-400 #fb923c (dark). Default Button fill, links, active nav."
   },
   "primary-foreground": {
    "$type": "color",
    "$value": "oklch(1 0 0)",
    "$description": "Text and icons on primary. Crew OS 18:1 / 21:1; Max 5.2:1 (white on orange-700) / 8.7:1 (near-black on orange-400)."
   },
   "secondary": {
    "$type": "color",
    "$value": "oklch(0.93 0 0)",
    "$description": "Quiet filled controls (secondary Button), chips, hero ground gradient end."
   },
   "secondary-foreground": {
    "$type": "color",
    "$value": "oklch(0.2 0 0)",
    "$description": "Text on secondary (13.9:1 or better)."
   },
   "muted": {
    "$type": "color",
    "$value": "oklch(0.96 0 0)",
    "$description": "Subdued fills: code blocks, blockquotes, skeletons, disabled wells."
   },
   "muted-foreground": {
    "$type": "color",
    "$value": "oklch(0.5 0 0)",
    "$description": "Secondary text: descriptions, help text, placeholders, timestamps. Reads on muted, background, card and sidebar at 5.3:1 or better in every theme."
   },
   "accent": {
    "$type": "color",
    "$value": "oklch(0.94 0 0)",
    "$description": "Hover and selected fills for ghost/outline Buttons, menu items, list rows."
   },
   "accent-foreground": {
    "$type": "color",
    "$value": "oklch(0.2 0 0)",
    "$description": "Text on accent (13.3:1 or better)."
   },
   "destructive": {
    "$type": "color",
    "$value": "oklch(0.577 0.245 27.325)",
    "$description": "Errors and irreversible actions: destructive Button fill, invalid-field border and ring, error text on background/card (4.5:1 or better)."
   },
   "destructive-foreground": {
    "$type": "color",
    "$value": "oklch(1 0 0)",
    "$description": "Text on destructive. Defined by Crew OS; Max's destructive Button paints literal white text, which these values match in light themes. The destructive Button in dark themes draws destructive at 60% over the ground with white text (6.6:1)."
   },
   "border": {
    "$type": "color",
    "$value": "oklch(0.9 0 0)",
    "$description": "Default hairline for cards, dividers, tables and outline Buttons (decorative: 1.3–1.5:1 on background). Max dark uses white at 12%."
   },
   "input": {
    "$type": "color",
    "$value": "oklch(0.85 0 0)",
    "$description": "Text field and switch-track border/fill. Source values sit at about 1.5:1 on background in every theme — under the 3:1 non-text floor; kept exact, so pair fields with a visible Label."
   },
   "ring": {
    "$type": "color",
    "$value": "oklch(0.556 0 0)",
    "$description": "Focus ring (3px, drawn at 50% by outline-ring/50 defaults and at full strength by focus-visible:ring-ring). Crew OS neutral grey 4.5:1 / 7.8:1 so it shows beside a black button; Max matches primary."
   },
   "chart-1": {
    "$type": "color",
    "$value": "oklch(0.48 0.08 235)",
    "$description": "First data series. Crew OS: slate blue; Max: brand orange (both themes)."
   },
   "chart-2": {
    "$type": "color",
    "$value": "oklch(0.6 0.118 184.704)",
    "$description": "Second data series (teal / green)."
   },
   "chart-3": {
    "$type": "color",
    "$value": "oklch(0.646 0.222 41.116)",
    "$description": "Third data series."
   },
   "chart-4": {
    "$type": "color",
    "$value": "oklch(0.828 0.189 84.429)",
    "$description": "Fourth data series."
   },
   "chart-5": {
    "$type": "color",
    "$value": "oklch(0.769 0.188 70.08)",
    "$description": "Fifth data series."
   },
   "sidebar": {
    "$type": "color",
    "$value": "oklch(0.97 0 0)",
    "$description": "App sidebar ground, one step off background."
   },
   "sidebar-foreground": {
    "$type": "color",
    "$value": "oklch(0.16 0 0)",
    "$description": "Nav text on sidebar (17.8:1 or better)."
   },
   "sidebar-primary": {
    "$type": "color",
    "$value": "oklch(0.2 0 0)",
    "$description": "Active nav item fill; tracks primary (Max: re-applied at runtime by the primary-colour picker)."
   },
   "sidebar-primary-foreground": {
    "$type": "color",
    "$value": "oklch(1 0 0)",
    "$description": "Text on sidebar-primary."
   },
   "sidebar-accent": {
    "$type": "color",
    "$value": "oklch(0.93 0 0)",
    "$description": "Hovered nav item fill."
   },
   "sidebar-accent-foreground": {
    "$type": "color",
    "$value": "oklch(0.2 0 0)",
    "$description": "Text on sidebar-accent."
   },
   "sidebar-border": {
    "$type": "color",
    "$value": "oklch(0.9 0 0)",
    "$description": "Sidebar edge and section dividers."
   },
   "sidebar-ring": {
    "$type": "color",
    "$value": "oklch(0.556 0 0)",
    "$description": "Focus ring inside the sidebar; tracks ring."
   },
   "bento-accent": {
    "$type": "color",
    "$value": "oklch(0.85 0 0)",
    "$description": "Crew OS marketing only: the shield and chart strokes in the Bento visuals, calibrated to stay visible without competing. Max columns repeat Crew OS values."
   },
   "ds-blue-100": {
    "$type": "color",
    "$value": "oklch(97.32% 0.0141 251.56)",
    "$description": "Max status scale — info tint ground (callouts, info badges). Crew OS columns repeat Max's values."
   },
   "ds-blue-900": {
    "$type": "color",
    "$value": "oklch(53.18% 0.2399 256.99)",
    "$description": "Info text and icons on ds-blue-100 (4.9:1 / 6.8:1) or on background."
   },
   "ds-red-100": {
    "$type": "color",
    "$value": "oklch(96.5% 0.0223 13.09)",
    "$description": "Max status scale — error tint ground."
   },
   "ds-red-900": {
    "$type": "color",
    "$value": "oklch(54.99% 0.232 25.29)",
    "$description": "Error text on ds-red-100 (4.7:1 / 5.7:1). Always pair with an icon or word: red and green are never told apart by hue alone."
   },
   "ds-amber-100": {
    "$type": "color",
    "$value": "oklch(97.48% 0.0331 85.79)",
    "$description": "Max status scale — warning tint ground."
   },
   "ds-amber-900": {
    "$type": "color",
    "$value": "oklch(52.79% 0.1496 54.65)",
    "$description": "Warning text on ds-amber-100 (5.2:1 / 7.7:1)."
   },
   "ds-gray-100": {
    "$type": "color",
    "$value": "hsla(0, 0%, 95%, 1)",
    "$description": "Max neutral scale — quiet tint ground (code snippets, keycaps)."
   },
   "ds-gray-1000": {
    "$type": "color",
    "$value": "hsla(0, 0%, 9%, 1)",
    "$description": "Strongest neutral text on ds-gray-100 (16:1 / 15:1)."
   },
   "ds-gray-alpha-400": {
    "$type": "color",
    "$value": "hsla(0, 0%, 0%, 0.08)",
    "$description": "Translucent neutral wash and hairlines over any ground."
   },
   "ds-background-100": {
    "$type": "color",
    "$value": "hsla(0, 0%, 100%, 1)",
    "$description": "Snippet and panel ground in the Max ds-* scale."
   },
   "dc-magenta": {
    "$type": "color",
    "$value": "#dd7bbb",
    "$description": "Brand accent. Default glow for .glass-glow; Spend stat cards. Fill or mark only: 2.6:1 on light grounds, 7.3:1 on dark."
   },
   "dc-ocean": {
    "$type": "color",
    "$value": "#4c7894",
    "$description": "Brand accent. Tasks stat cards; the ocean gradient. 4.6:1 on light and 4.2:1 on dark grounds — usable as a mark in both."
   },
   "dc-forest": {
    "$type": "color",
    "$value": "#5a922c",
    "$description": "Brand accent. Active stat cards; the forest gradient. Mark only on light grounds (3.6:1)."
   },
   "dc-gold": {
    "$type": "color",
    "$value": "#d79f1e",
    "$description": "Brand accent. Premium and ember gradients. Fill or mark on dark grounds only (2.3:1 on light)."
   },
   "dc-amber": {
    "$type": "color",
    "$value": "#f59e0b",
    "$description": "Brand accent; same value as dc-max. Fill with near-black text (9.8:1), never white text (2.2:1)."
   },
   "dc-sophie": {
    "$type": "color",
    "$value": "#0ea5e9",
    "$description": "Agent colour — Sophie, HR Business Partner (screening, interviews). Her avatar ring, cards and gradient; fills take near-black text (7.6:1). Live at sophie.digitalcrew.tech."
   },
   "dc-sophie-secondary": {
    "$type": "color",
    "$value": "#38bdf8",
    "$description": "Second stop of Sophie (HR)'s palette: lighter fills, hover tints, the middle of the agent gradient."
   },
   "dc-sophie-accent": {
    "$type": "color",
    "$value": "#7dd3fc",
    "$description": "Lightest stop of Sophie (HR)'s palette: soft tints and the end of the agent gradient (135°, primary → secondary → accent)."
   },
   "dc-sophie-glass": {
    "$type": "color",
    "$value": "#0284c7",
    "$description": "Deep shade of Sophie (HR)'s palette for glass surfaces and marks; 4.1:1 on white (not for text on white)."
   },
   "dc-sophie-glass-2": {
    "$type": "color",
    "$value": "#0369a1",
    "$description": "Deepest shade of Sophie (HR)'s palette for glass borders and pressed states; 5.9:1 on white (text-safe on white)."
   },
   "dc-claire": {
    "$type": "color",
    "$value": "#8b5cf6",
    "$description": "Agent colour — Claire, Market Mastermind (market and account research). Marks at 4.1:1 on light and 4.8:1 on dark grounds."
   },
   "dc-claire-secondary": {
    "$type": "color",
    "$value": "#a78bfa",
    "$description": "Second stop of Claire (market research)'s palette: lighter fills, hover tints, the middle of the agent gradient."
   },
   "dc-claire-accent": {
    "$type": "color",
    "$value": "#c4b5fd",
    "$description": "Lightest stop of Claire (market research)'s palette: soft tints and the end of the agent gradient (135°, primary → secondary → accent)."
   },
   "dc-claire-glass": {
    "$type": "color",
    "$value": "#7c3aed",
    "$description": "Deep shade of Claire (market research)'s palette for glass surfaces and marks; 5.7:1 on white (text-safe on white)."
   },
   "dc-claire-glass-2": {
    "$type": "color",
    "$value": "#6d28d9",
    "$description": "Deepest shade of Claire (market research)'s palette for glass borders and pressed states; 7.1:1 on white (text-safe on white)."
   },
   "dc-max": {
    "$type": "color",
    "$value": "#f59e0b",
    "$description": "Agent colour — Max, Outbound Sales Force, on Digital Crew surfaces. Inside the Max product the brand accent is primary (orange) and Max Carter's roster accent is violet."
   },
   "dc-max-secondary": {
    "$type": "color",
    "$value": "#fbbf24",
    "$description": "Second stop of Max (outbound sales)'s palette: lighter fills, hover tints, the middle of the agent gradient."
   },
   "dc-max-accent": {
    "$type": "color",
    "$value": "#fcd34d",
    "$description": "Lightest stop of Max (outbound sales)'s palette: soft tints and the end of the agent gradient (135°, primary → secondary → accent)."
   },
   "dc-max-glass": {
    "$type": "color",
    "$value": "#d97706",
    "$description": "Deep shade of Max (outbound sales)'s palette for glass surfaces and marks; 3.2:1 on white (not for text on white)."
   },
   "dc-max-glass-2": {
    "$type": "color",
    "$value": "#b45309",
    "$description": "Deepest shade of Max (outbound sales)'s palette for glass borders and pressed states; 5.0:1 on white (text-safe on white)."
   },
   "dc-camille": {
    "$type": "color",
    "$value": "#ec4899",
    "$description": "Agent colour — Camille, Customer Support Champion (tier-1 support, churn risk; coming soon). Pink stop of the signature gradient."
   },
   "dc-camille-secondary": {
    "$type": "color",
    "$value": "#f472b6",
    "$description": "Second stop of Camille (customer support)'s palette: lighter fills, hover tints, the middle of the agent gradient."
   },
   "dc-camille-accent": {
    "$type": "color",
    "$value": "#f9a8d4",
    "$description": "Lightest stop of Camille (customer support)'s palette: soft tints and the end of the agent gradient (135°, primary → secondary → accent)."
   },
   "dc-camille-glass": {
    "$type": "color",
    "$value": "#db2777",
    "$description": "Deep shade of Camille (customer support)'s palette for glass surfaces and marks; 4.6:1 on white (text-safe on white)."
   },
   "dc-camille-glass-2": {
    "$type": "color",
    "$value": "#be185d",
    "$description": "Deepest shade of Camille (customer support)'s palette for glass borders and pressed states; 6.0:1 on white (text-safe on white)."
   },
   "dc-kate": {
    "$type": "color",
    "$value": "#10b981",
    "$description": "Agent colour — Kate, Marketing Maestro (campaigns, copy, content). Fills take near-black text (8.3:1)."
   },
   "dc-kate-secondary": {
    "$type": "color",
    "$value": "#34d399",
    "$description": "Second stop of Kate (marketing)'s palette: lighter fills, hover tints, the middle of the agent gradient."
   },
   "dc-kate-accent": {
    "$type": "color",
    "$value": "#6ee7b7",
    "$description": "Lightest stop of Kate (marketing)'s palette: soft tints and the end of the agent gradient (135°, primary → secondary → accent)."
   },
   "dc-kate-glass": {
    "$type": "color",
    "$value": "#14b8a6",
    "$description": "Deep shade of Kate (marketing)'s palette for glass surfaces and marks; 2.5:1 on white (not for text on white)."
   },
   "dc-kate-glass-2": {
    "$type": "color",
    "$value": "#0d9488",
    "$description": "Deepest shade of Kate (marketing)'s palette for glass borders and pressed states; 3.7:1 on white (not for text on white)."
   },
   "dc-andre": {
    "$type": "color",
    "$value": "#6366f1",
    "$description": "Agent colour — André, Finance & Admin (invoicing, reporting; coming soon). Indigo stop of the signature gradient."
   },
   "dc-andre-secondary": {
    "$type": "color",
    "$value": "#818cf8",
    "$description": "Second stop of André (finance & admin)'s palette: lighter fills, hover tints, the middle of the agent gradient."
   },
   "dc-andre-accent": {
    "$type": "color",
    "$value": "#a5b4fc",
    "$description": "Lightest stop of André (finance & admin)'s palette: soft tints and the end of the agent gradient (135°, primary → secondary → accent)."
   },
   "dc-andre-glass": {
    "$type": "color",
    "$value": "#4f46e5",
    "$description": "Deep shade of André (finance & admin)'s palette for glass surfaces and marks; 6.3:1 on white (text-safe on white)."
   },
   "dc-andre-glass-2": {
    "$type": "color",
    "$value": "#4338ca",
    "$description": "Deepest shade of André (finance & admin)'s palette for glass borders and pressed states; 7.9:1 on white (text-safe on white)."
   },
   "dc-jeanne": {
    "$type": "color",
    "$value": "#f97316",
    "$description": "Agent colour — Jeanne, Project Manager. From lib/brand.ts (no CSS variable in the source; not on the public site)."
   },
   "dc-jeanne-secondary": {
    "$type": "color",
    "$value": "#fb923c",
    "$description": "Second stop of Jeanne (project delivery)'s palette: lighter fills, hover tints, the middle of the agent gradient."
   },
   "dc-jeanne-accent": {
    "$type": "color",
    "$value": "#fdba74",
    "$description": "Lightest stop of Jeanne (project delivery)'s palette: soft tints and the end of the agent gradient (135°, primary → secondary → accent)."
   },
   "dc-jeanne-glass": {
    "$type": "color",
    "$value": "#ea580c",
    "$description": "Deep shade of Jeanne (project delivery)'s palette for glass surfaces and marks; 3.6:1 on white (not for text on white)."
   },
   "dc-jeanne-glass-2": {
    "$type": "color",
    "$value": "#c2410c",
    "$description": "Deepest shade of Jeanne (project delivery)'s palette for glass borders and pressed states; 5.2:1 on white (text-safe on white)."
   },
   "dc-boss": {
    "$type": "color",
    "$value": "#dc2626",
    "$description": "Agent colour — the Boss, Chief Executive Officer of the crew. From lib/brand.ts (no CSS variable; not on the public site). Never used as an error colour."
   },
   "dc-boss-secondary": {
    "$type": "color",
    "$value": "#ef4444",
    "$description": "Second stop of the Boss (operations lead)'s palette: lighter fills, hover tints, the middle of the agent gradient."
   },
   "dc-boss-accent": {
    "$type": "color",
    "$value": "#fca5a5",
    "$description": "Lightest stop of the Boss (operations lead)'s palette: soft tints and the end of the agent gradient (135°, primary → secondary → accent)."
   },
   "dc-boss-glass": {
    "$type": "color",
    "$value": "#b91c1c",
    "$description": "Deep shade of the Boss (operations lead)'s palette for glass surfaces and marks; 6.5:1 on white (text-safe on white)."
   },
   "dc-boss-glass-2": {
    "$type": "color",
    "$value": "#991b1b",
    "$description": "Deepest shade of the Boss (operations lead)'s palette for glass borders and pressed states; 8.3:1 on white (text-safe on white)."
   },
   "accent-ai": {
    "$type": "color",
    "$value": "oklch(68% 0.20 295)",
    "$description": "Max's AI accent (purple), identical in both themes: Max chat file-drop zone, AI-generated markers in the onboarding packet. Mark or tint only on light grounds (3.0:1)."
   },
   "accent-ai-2": {
    "$type": "color",
    "$value": "oklch(60% 0.22 295)",
    "$description": "Deeper AI purple for pressed/hover states of accent-ai fills."
   },
   "accent-new": {
    "$type": "color",
    "$value": "oklch(74% 0.18 148)",
    "$description": "Max's NEW accent (green), identical in both themes: new-item dots and badges in the onboarding packet and chat. Fill with near-black text (9.8:1)."
   },
   "accent-new-2": {
    "$type": "color",
    "$value": "oklch(68% 0.18 148)",
    "$description": "Deeper NEW green for hover/pressed states of accent-new fills."
   },
   "mx-bg": {
    "$type": "color",
    "$value": "oklch(98% 0.002 260)",
    "$description": "Ground of Max's agent surfaces (chat, Ask Max panel, meetings assistant, onboarding): a cool 260° neutral, deliberately apart from the warm app background. Only inside .maxchat; Crew OS columns repeat Max's values."
   },
   "mx-surface": {
    "$type": "color",
    "$value": "oklch(100% 0 0)",
    "$description": "Raised cards on mx-bg: confirm cards, the composer."
   },
   "mx-surface-2": {
    "$type": "color",
    "$value": "oklch(97% 0.002 260)",
    "$description": "Quiet fills on agent surfaces: history rows, chips at rest."
   },
   "mx-surface-hi": {
    "$type": "color",
    "$value": "oklch(94% 0.003 260)",
    "$description": "Hover and pressed fills on agent surfaces; the active header icon."
   },
   "mx-ink": {
    "$type": "color",
    "$value": "oklch(18% 0.006 260)",
    "$description": "Text on agent surfaces (17.8:1 / 19:1 on mx-bg) and the fill of their primary buttons — send, confirm — which are ink, not orange."
   },
   "mx-ink-2": {
    "$type": "color",
    "$value": "oklch(32% 0.006 260)",
    "$description": "Secondary text on agent surfaces; the user's own messages (italic)."
   },
   "mx-ink-3": {
    "$type": "color",
    "$value": "oklch(48% 0.006 260)",
    "$description": "Meta and help text on agent surfaces (6.2:1 light, 5.5:1 dark on mx-bg)."
   },
   "mx-ink-4": {
    "$type": "color",
    "$value": "oklch(62% 0.005 260)",
    "$description": "Placeholders, disabled glyphs and decorative marks only: 3.4:1 light and 2.6:1 dark on mx-bg, below the text floor (source values, kept)."
   },
   "mx-line": {
    "$type": "color",
    "$value": "oklch(18% 0.006 260 / 0.08)",
    "$description": "Hairlines on agent surfaces: ink or white at 8%."
   },
   "mx-line-strong": {
    "$type": "color",
    "$value": "oklch(18% 0.006 260 / 0.18)",
    "$description": "Composer and card borders on agent surfaces (decorative, about 1.5:1)."
   }
  },
  "shadow": {
   "shadow-xs": {
    "$value": "0 1px 2px 0 rgba(0, 0, 0, 0.05)",
    "$description": "Outline Button, Input, Textarea."
   },
   "shadow-sm": {
    "$value": "0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1)",
    "$description": "Card."
   },
   "shadow-glass-panel": {
    "$value": "0 8px 32px rgba(0, 0, 0, 0.06), inset 0 1px 0 rgba(255, 255, 255, 0.6)",
    "$description": ".glass-panel: floating panels over imagery or gradient grounds, with backdrop-glass-panel."
   },
   "shadow-glass-card": {
    "$value": "0 4px 24px rgba(0, 0, 0, 0.04), 0 1px 2px rgba(0, 0, 0, 0.03)",
    "$description": ".glass-card: cards on gradient or image grounds, with backdrop-glass."
   }
  }
 },
 "crew-dark": {
  "color": {
   "background": {
    "$type": "color",
    "$value": "oklch(0.13 0 0)",
    "$description": "Page ground. Crew OS: near-white / near-black achromatic. Max: white / warm near-black."
   },
   "foreground": {
    "$type": "color",
    "$value": "oklch(0.97 0 0)",
    "$description": "Body text and icons on background, card and popover (18:1 or better in every theme)."
   },
   "card": {
    "$type": "color",
    "$value": "oklch(0.19 0 0)",
    "$description": "Raised surface: cards, panels, dialogs. One step above background in dark themes so panels read as elevated."
   },
   "card-foreground": {
    "$type": "color",
    "$value": "oklch(0.97 0 0)",
    "$description": "Text on card (16.9:1 or better in every theme)."
   },
   "popover": {
    "$type": "color",
    "$value": "oklch(0.19 0 0)",
    "$description": "Menus, popovers, select lists, tooltips-on-surface."
   },
   "popover-foreground": {
    "$type": "color",
    "$value": "oklch(0.97 0 0)",
    "$description": "Text on popover."
   },
   "primary": {
    "$type": "color",
    "$value": "oklch(1 0 0)",
    "$description": "The brand ink. Crew OS: near-black (light) / white (dark) — the brand reads as ink, not a tint. Max: orange-700 #c2410c (light) / orange-400 #fb923c (dark). Default Button fill, links, active nav."
   },
   "primary-foreground": {
    "$type": "color",
    "$value": "oklch(0 0 0)",
    "$description": "Text and icons on primary. Crew OS 18:1 / 21:1; Max 5.2:1 (white on orange-700) / 8.7:1 (near-black on orange-400)."
   },
   "secondary": {
    "$type": "color",
    "$value": "oklch(0.26 0 0)",
    "$description": "Quiet filled controls (secondary Button), chips, hero ground gradient end."
   },
   "secondary-foreground": {
    "$type": "color",
    "$value": "oklch(0.97 0 0)",
    "$description": "Text on secondary (13.9:1 or better)."
   },
   "muted": {
    "$type": "color",
    "$value": "oklch(0.26 0 0)",
    "$description": "Subdued fills: code blocks, blockquotes, skeletons, disabled wells."
   },
   "muted-foreground": {
    "$type": "color",
    "$value": "oklch(0.72 0 0)",
    "$description": "Secondary text: descriptions, help text, placeholders, timestamps. Reads on muted, background, card and sidebar at 5.3:1 or better in every theme."
   },
   "accent": {
    "$type": "color",
    "$value": "oklch(0.28 0 0)",
    "$description": "Hover and selected fills for ghost/outline Buttons, menu items, list rows."
   },
   "accent-foreground": {
    "$type": "color",
    "$value": "oklch(0.97 0 0)",
    "$description": "Text on accent (13.3:1 or better)."
   },
   "destructive": {
    "$type": "color",
    "$value": "oklch(0.704 0.191 22.216)",
    "$description": "Errors and irreversible actions: destructive Button fill, invalid-field border and ring, error text on background/card (4.5:1 or better)."
   },
   "destructive-foreground": {
    "$type": "color",
    "$value": "oklch(0.12 0 0)",
    "$description": "Text on destructive. Defined by Crew OS; Max's destructive Button paints literal white text, which these values match in light themes. The destructive Button in dark themes draws destructive at 60% over the ground with white text (6.6:1)."
   },
   "border": {
    "$type": "color",
    "$value": "oklch(0.3 0 0)",
    "$description": "Default hairline for cards, dividers, tables and outline Buttons (decorative: 1.3–1.5:1 on background). Max dark uses white at 12%."
   },
   "input": {
    "$type": "color",
    "$value": "oklch(0.34 0 0)",
    "$description": "Text field and switch-track border/fill. Source values sit at about 1.5:1 on background in every theme — under the 3:1 non-text floor; kept exact, so pair fields with a visible Label."
   },
   "ring": {
    "$type": "color",
    "$value": "oklch(0.708 0 0)",
    "$description": "Focus ring (3px, drawn at 50% by outline-ring/50 defaults and at full strength by focus-visible:ring-ring). Crew OS neutral grey 4.5:1 / 7.8:1 so it shows beside a black button; Max matches primary."
   },
   "chart-1": {
    "$type": "color",
    "$value": "oklch(0.78 0.08 235)",
    "$description": "First data series. Crew OS: slate blue; Max: brand orange (both themes)."
   },
   "chart-2": {
    "$type": "color",
    "$value": "oklch(0.696 0.17 162.48)",
    "$description": "Second data series (teal / green)."
   },
   "chart-3": {
    "$type": "color",
    "$value": "oklch(0.769 0.188 70.08)",
    "$description": "Third data series."
   },
   "chart-4": {
    "$type": "color",
    "$value": "oklch(0.627 0.265 303.9)",
    "$description": "Fourth data series."
   },
   "chart-5": {
    "$type": "color",
    "$value": "oklch(0.645 0.246 16.439)",
    "$description": "Fifth data series."
   },
   "sidebar": {
    "$type": "color",
    "$value": "oklch(0.16 0 0)",
    "$description": "App sidebar ground, one step off background."
   },
   "sidebar-foreground": {
    "$type": "color",
    "$value": "oklch(0.97 0 0)",
    "$description": "Nav text on sidebar (17.8:1 or better)."
   },
   "sidebar-primary": {
    "$type": "color",
    "$value": "oklch(1 0 0)",
    "$description": "Active nav item fill; tracks primary (Max: re-applied at runtime by the primary-colour picker)."
   },
   "sidebar-primary-foreground": {
    "$type": "color",
    "$value": "oklch(0 0 0)",
    "$description": "Text on sidebar-primary."
   },
   "sidebar-accent": {
    "$type": "color",
    "$value": "oklch(0.26 0 0)",
    "$description": "Hovered nav item fill."
   },
   "sidebar-accent-foreground": {
    "$type": "color",
    "$value": "oklch(0.97 0 0)",
    "$description": "Text on sidebar-accent."
   },
   "sidebar-border": {
    "$type": "color",
    "$value": "oklch(0.3 0 0)",
    "$description": "Sidebar edge and section dividers."
   },
   "sidebar-ring": {
    "$type": "color",
    "$value": "oklch(0.708 0 0)",
    "$description": "Focus ring inside the sidebar; tracks ring."
   },
   "bento-accent": {
    "$type": "color",
    "$value": "oklch(0.4 0 0)",
    "$description": "Crew OS marketing only: the shield and chart strokes in the Bento visuals, calibrated to stay visible without competing. Max columns repeat Crew OS values."
   },
   "ds-blue-100": {
    "$type": "color",
    "$value": "oklch(22.17% 0.069 259.89)",
    "$description": "Max status scale — info tint ground (callouts, info badges). Crew OS columns repeat Max's values."
   },
   "ds-blue-900": {
    "$type": "color",
    "$value": "oklch(71.7% 0.1648 250.79)",
    "$description": "Info text and icons on ds-blue-100 (4.9:1 / 6.8:1) or on background."
   },
   "ds-red-100": {
    "$type": "color",
    "$value": "oklch(22.1% 0.0657 15.11)",
    "$description": "Max status scale — error tint ground."
   },
   "ds-red-900": {
    "$type": "color",
    "$value": "oklch(69.96% 0.2136 22.03)",
    "$description": "Error text on ds-red-100 (4.7:1 / 5.7:1). Always pair with an icon or word: red and green are never told apart by hue alone."
   },
   "ds-amber-100": {
    "$type": "color",
    "$value": "oklch(22.46% 0.0538 76.04)",
    "$description": "Max status scale — warning tint ground."
   },
   "ds-amber-900": {
    "$type": "color",
    "$value": "oklch(77.21% 0.1991 64.28)",
    "$description": "Warning text on ds-amber-100 (5.2:1 / 7.7:1)."
   },
   "ds-gray-100": {
    "$type": "color",
    "$value": "hsla(0, 0%, 10%, 1)",
    "$description": "Max neutral scale — quiet tint ground (code snippets, keycaps)."
   },
   "ds-gray-1000": {
    "$type": "color",
    "$value": "hsla(0, 0%, 93%, 1)",
    "$description": "Strongest neutral text on ds-gray-100 (16:1 / 15:1)."
   },
   "ds-gray-alpha-400": {
    "$type": "color",
    "$value": "hsla(0, 0%, 100%, 0.14)",
    "$description": "Translucent neutral wash and hairlines over any ground."
   },
   "ds-background-100": {
    "$type": "color",
    "$value": "hsla(0, 0%, 4%, 1)",
    "$description": "Snippet and panel ground in the Max ds-* scale."
   },
   "dc-magenta": {
    "$type": "color",
    "$value": "#dd7bbb",
    "$description": "Brand accent. Default glow for .glass-glow; Spend stat cards. Fill or mark only: 2.6:1 on light grounds, 7.3:1 on dark."
   },
   "dc-ocean": {
    "$type": "color",
    "$value": "#4c7894",
    "$description": "Brand accent. Tasks stat cards; the ocean gradient. 4.6:1 on light and 4.2:1 on dark grounds — usable as a mark in both."
   },
   "dc-forest": {
    "$type": "color",
    "$value": "#5a922c",
    "$description": "Brand accent. Active stat cards; the forest gradient. Mark only on light grounds (3.6:1)."
   },
   "dc-gold": {
    "$type": "color",
    "$value": "#d79f1e",
    "$description": "Brand accent. Premium and ember gradients. Fill or mark on dark grounds only (2.3:1 on light)."
   },
   "dc-amber": {
    "$type": "color",
    "$value": "#f59e0b",
    "$description": "Brand accent; same value as dc-max. Fill with near-black text (9.8:1), never white text (2.2:1)."
   },
   "dc-sophie": {
    "$type": "color",
    "$value": "#0ea5e9",
    "$description": "Agent colour — Sophie, HR Business Partner (screening, interviews). Her avatar ring, cards and gradient; fills take near-black text (7.6:1). Live at sophie.digitalcrew.tech."
   },
   "dc-sophie-secondary": {
    "$type": "color",
    "$value": "#38bdf8",
    "$description": "Second stop of Sophie (HR)'s palette: lighter fills, hover tints, the middle of the agent gradient."
   },
   "dc-sophie-accent": {
    "$type": "color",
    "$value": "#7dd3fc",
    "$description": "Lightest stop of Sophie (HR)'s palette: soft tints and the end of the agent gradient (135°, primary → secondary → accent)."
   },
   "dc-sophie-glass": {
    "$type": "color",
    "$value": "#0284c7",
    "$description": "Deep shade of Sophie (HR)'s palette for glass surfaces and marks; 4.1:1 on white (not for text on white)."
   },
   "dc-sophie-glass-2": {
    "$type": "color",
    "$value": "#0369a1",
    "$description": "Deepest shade of Sophie (HR)'s palette for glass borders and pressed states; 5.9:1 on white (text-safe on white)."
   },
   "dc-claire": {
    "$type": "color",
    "$value": "#8b5cf6",
    "$description": "Agent colour — Claire, Market Mastermind (market and account research). Marks at 4.1:1 on light and 4.8:1 on dark grounds."
   },
   "dc-claire-secondary": {
    "$type": "color",
    "$value": "#a78bfa",
    "$description": "Second stop of Claire (market research)'s palette: lighter fills, hover tints, the middle of the agent gradient."
   },
   "dc-claire-accent": {
    "$type": "color",
    "$value": "#c4b5fd",
    "$description": "Lightest stop of Claire (market research)'s palette: soft tints and the end of the agent gradient (135°, primary → secondary → accent)."
   },
   "dc-claire-glass": {
    "$type": "color",
    "$value": "#7c3aed",
    "$description": "Deep shade of Claire (market research)'s palette for glass surfaces and marks; 5.7:1 on white (text-safe on white)."
   },
   "dc-claire-glass-2": {
    "$type": "color",
    "$value": "#6d28d9",
    "$description": "Deepest shade of Claire (market research)'s palette for glass borders and pressed states; 7.1:1 on white (text-safe on white)."
   },
   "dc-max": {
    "$type": "color",
    "$value": "#f59e0b",
    "$description": "Agent colour — Max, Outbound Sales Force, on Digital Crew surfaces. Inside the Max product the brand accent is primary (orange) and Max Carter's roster accent is violet."
   },
   "dc-max-secondary": {
    "$type": "color",
    "$value": "#fbbf24",
    "$description": "Second stop of Max (outbound sales)'s palette: lighter fills, hover tints, the middle of the agent gradient."
   },
   "dc-max-accent": {
    "$type": "color",
    "$value": "#fcd34d",
    "$description": "Lightest stop of Max (outbound sales)'s palette: soft tints and the end of the agent gradient (135°, primary → secondary → accent)."
   },
   "dc-max-glass": {
    "$type": "color",
    "$value": "#d97706",
    "$description": "Deep shade of Max (outbound sales)'s palette for glass surfaces and marks; 3.2:1 on white (not for text on white)."
   },
   "dc-max-glass-2": {
    "$type": "color",
    "$value": "#b45309",
    "$description": "Deepest shade of Max (outbound sales)'s palette for glass borders and pressed states; 5.0:1 on white (text-safe on white)."
   },
   "dc-camille": {
    "$type": "color",
    "$value": "#ec4899",
    "$description": "Agent colour — Camille, Customer Support Champion (tier-1 support, churn risk; coming soon). Pink stop of the signature gradient."
   },
   "dc-camille-secondary": {
    "$type": "color",
    "$value": "#f472b6",
    "$description": "Second stop of Camille (customer support)'s palette: lighter fills, hover tints, the middle of the agent gradient."
   },
   "dc-camille-accent": {
    "$type": "color",
    "$value": "#f9a8d4",
    "$description": "Lightest stop of Camille (customer support)'s palette: soft tints and the end of the agent gradient (135°, primary → secondary → accent)."
   },
   "dc-camille-glass": {
    "$type": "color",
    "$value": "#db2777",
    "$description": "Deep shade of Camille (customer support)'s palette for glass surfaces and marks; 4.6:1 on white (text-safe on white)."
   },
   "dc-camille-glass-2": {
    "$type": "color",
    "$value": "#be185d",
    "$description": "Deepest shade of Camille (customer support)'s palette for glass borders and pressed states; 6.0:1 on white (text-safe on white)."
   },
   "dc-kate": {
    "$type": "color",
    "$value": "#10b981",
    "$description": "Agent colour — Kate, Marketing Maestro (campaigns, copy, content). Fills take near-black text (8.3:1)."
   },
   "dc-kate-secondary": {
    "$type": "color",
    "$value": "#34d399",
    "$description": "Second stop of Kate (marketing)'s palette: lighter fills, hover tints, the middle of the agent gradient."
   },
   "dc-kate-accent": {
    "$type": "color",
    "$value": "#6ee7b7",
    "$description": "Lightest stop of Kate (marketing)'s palette: soft tints and the end of the agent gradient (135°, primary → secondary → accent)."
   },
   "dc-kate-glass": {
    "$type": "color",
    "$value": "#14b8a6",
    "$description": "Deep shade of Kate (marketing)'s palette for glass surfaces and marks; 2.5:1 on white (not for text on white)."
   },
   "dc-kate-glass-2": {
    "$type": "color",
    "$value": "#0d9488",
    "$description": "Deepest shade of Kate (marketing)'s palette for glass borders and pressed states; 3.7:1 on white (not for text on white)."
   },
   "dc-andre": {
    "$type": "color",
    "$value": "#6366f1",
    "$description": "Agent colour — André, Finance & Admin (invoicing, reporting; coming soon). Indigo stop of the signature gradient."
   },
   "dc-andre-secondary": {
    "$type": "color",
    "$value": "#818cf8",
    "$description": "Second stop of André (finance & admin)'s palette: lighter fills, hover tints, the middle of the agent gradient."
   },
   "dc-andre-accent": {
    "$type": "color",
    "$value": "#a5b4fc",
    "$description": "Lightest stop of André (finance & admin)'s palette: soft tints and the end of the agent gradient (135°, primary → secondary → accent)."
   },
   "dc-andre-glass": {
    "$type": "color",
    "$value": "#4f46e5",
    "$description": "Deep shade of André (finance & admin)'s palette for glass surfaces and marks; 6.3:1 on white (text-safe on white)."
   },
   "dc-andre-glass-2": {
    "$type": "color",
    "$value": "#4338ca",
    "$description": "Deepest shade of André (finance & admin)'s palette for glass borders and pressed states; 7.9:1 on white (text-safe on white)."
   },
   "dc-jeanne": {
    "$type": "color",
    "$value": "#f97316",
    "$description": "Agent colour — Jeanne, Project Manager. From lib/brand.ts (no CSS variable in the source; not on the public site)."
   },
   "dc-jeanne-secondary": {
    "$type": "color",
    "$value": "#fb923c",
    "$description": "Second stop of Jeanne (project delivery)'s palette: lighter fills, hover tints, the middle of the agent gradient."
   },
   "dc-jeanne-accent": {
    "$type": "color",
    "$value": "#fdba74",
    "$description": "Lightest stop of Jeanne (project delivery)'s palette: soft tints and the end of the agent gradient (135°, primary → secondary → accent)."
   },
   "dc-jeanne-glass": {
    "$type": "color",
    "$value": "#ea580c",
    "$description": "Deep shade of Jeanne (project delivery)'s palette for glass surfaces and marks; 3.6:1 on white (not for text on white)."
   },
   "dc-jeanne-glass-2": {
    "$type": "color",
    "$value": "#c2410c",
    "$description": "Deepest shade of Jeanne (project delivery)'s palette for glass borders and pressed states; 5.2:1 on white (text-safe on white)."
   },
   "dc-boss": {
    "$type": "color",
    "$value": "#dc2626",
    "$description": "Agent colour — the Boss, Chief Executive Officer of the crew. From lib/brand.ts (no CSS variable; not on the public site). Never used as an error colour."
   },
   "dc-boss-secondary": {
    "$type": "color",
    "$value": "#ef4444",
    "$description": "Second stop of the Boss (operations lead)'s palette: lighter fills, hover tints, the middle of the agent gradient."
   },
   "dc-boss-accent": {
    "$type": "color",
    "$value": "#fca5a5",
    "$description": "Lightest stop of the Boss (operations lead)'s palette: soft tints and the end of the agent gradient (135°, primary → secondary → accent)."
   },
   "dc-boss-glass": {
    "$type": "color",
    "$value": "#b91c1c",
    "$description": "Deep shade of the Boss (operations lead)'s palette for glass surfaces and marks; 6.5:1 on white (text-safe on white)."
   },
   "dc-boss-glass-2": {
    "$type": "color",
    "$value": "#991b1b",
    "$description": "Deepest shade of the Boss (operations lead)'s palette for glass borders and pressed states; 8.3:1 on white (text-safe on white)."
   },
   "accent-ai": {
    "$type": "color",
    "$value": "oklch(68% 0.20 295)",
    "$description": "Max's AI accent (purple), identical in both themes: Max chat file-drop zone, AI-generated markers in the onboarding packet. Mark or tint only on light grounds (3.0:1)."
   },
   "accent-ai-2": {
    "$type": "color",
    "$value": "oklch(60% 0.22 295)",
    "$description": "Deeper AI purple for pressed/hover states of accent-ai fills."
   },
   "accent-new": {
    "$type": "color",
    "$value": "oklch(74% 0.18 148)",
    "$description": "Max's NEW accent (green), identical in both themes: new-item dots and badges in the onboarding packet and chat. Fill with near-black text (9.8:1)."
   },
   "accent-new-2": {
    "$type": "color",
    "$value": "oklch(68% 0.18 148)",
    "$description": "Deeper NEW green for hover/pressed states of accent-new fills."
   },
   "mx-bg": {
    "$type": "color",
    "$value": "oklch(13% 0.003 260)",
    "$description": "Ground of Max's agent surfaces (chat, Ask Max panel, meetings assistant, onboarding): a cool 260° neutral, deliberately apart from the warm app background. Only inside .maxchat; Crew OS columns repeat Max's values."
   },
   "mx-surface": {
    "$type": "color",
    "$value": "oklch(15% 0.003 260)",
    "$description": "Raised cards on mx-bg: confirm cards, the composer."
   },
   "mx-surface-2": {
    "$type": "color",
    "$value": "oklch(18% 0.004 260)",
    "$description": "Quiet fills on agent surfaces: history rows, chips at rest."
   },
   "mx-surface-hi": {
    "$type": "color",
    "$value": "oklch(22% 0.004 260)",
    "$description": "Hover and pressed fills on agent surfaces; the active header icon."
   },
   "mx-ink": {
    "$type": "color",
    "$value": "oklch(98% 0 0)",
    "$description": "Text on agent surfaces (17.8:1 / 19:1 on mx-bg) and the fill of their primary buttons — send, confirm — which are ink, not orange."
   },
   "mx-ink-2": {
    "$type": "color",
    "$value": "oklch(82% 0.003 260)",
    "$description": "Secondary text on agent surfaces; the user's own messages (italic)."
   },
   "mx-ink-3": {
    "$type": "color",
    "$value": "oklch(62% 0.004 260)",
    "$description": "Meta and help text on agent surfaces (6.2:1 light, 5.5:1 dark on mx-bg)."
   },
   "mx-ink-4": {
    "$type": "color",
    "$value": "oklch(44% 0.005 260)",
    "$description": "Placeholders, disabled glyphs and decorative marks only: 3.4:1 light and 2.6:1 dark on mx-bg, below the text floor (source values, kept)."
   },
   "mx-line": {
    "$type": "color",
    "$value": "oklch(100% 0 0 / 0.08)",
    "$description": "Hairlines on agent surfaces: ink or white at 8%."
   },
   "mx-line-strong": {
    "$type": "color",
    "$value": "oklch(100% 0 0 / 0.16)",
    "$description": "Composer and card borders on agent surfaces (decorative, about 1.5:1)."
   }
  },
  "shadow": {
   "shadow-xs": {
    "$value": "0 1px 2px 0 rgba(0, 0, 0, 0.05)",
    "$description": "Outline Button, Input, Textarea."
   },
   "shadow-sm": {
    "$value": "0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1)",
    "$description": "Card."
   },
   "shadow-glass-panel": {
    "$value": "0 8px 32px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.08)",
    "$description": ".glass-panel: floating panels over imagery or gradient grounds, with backdrop-glass-panel."
   },
   "shadow-glass-card": {
    "$value": "0 4px 24px rgba(0, 0, 0, 0.2), 0 1px 2px rgba(0, 0, 0, 0.15)",
    "$description": ".glass-card: cards on gradient or image grounds, with backdrop-glass."
   }
  }
 },
 "max-light": {
  "color": {
   "background": {
    "$type": "color",
    "$value": "oklch(1 0 0)",
    "$description": "Page ground. Crew OS: near-white / near-black achromatic. Max: white / warm near-black."
   },
   "foreground": {
    "$type": "color",
    "$value": "oklch(0.147 0.004 49.25)",
    "$description": "Body text and icons on background, card and popover (18:1 or better in every theme)."
   },
   "card": {
    "$type": "color",
    "$value": "oklch(1 0 0)",
    "$description": "Raised surface: cards, panels, dialogs. One step above background in dark themes so panels read as elevated."
   },
   "card-foreground": {
    "$type": "color",
    "$value": "oklch(0.147 0.004 49.25)",
    "$description": "Text on card (16.9:1 or better in every theme)."
   },
   "popover": {
    "$type": "color",
    "$value": "oklch(1 0 0)",
    "$description": "Menus, popovers, select lists, tooltips-on-surface."
   },
   "popover-foreground": {
    "$type": "color",
    "$value": "oklch(0.147 0.004 49.25)",
    "$description": "Text on popover."
   },
   "primary": {
    "$type": "color",
    "$value": "#c2410c",
    "$description": "The brand ink. Crew OS: near-black (light) / white (dark) — the brand reads as ink, not a tint. Max: orange-700 #c2410c (light) / orange-400 #fb923c (dark). Default Button fill, links, active nav."
   },
   "primary-foreground": {
    "$type": "color",
    "$value": "oklch(1 0 0)",
    "$description": "Text and icons on primary. Crew OS 18:1 / 21:1; Max 5.2:1 (white on orange-700) / 8.7:1 (near-black on orange-400)."
   },
   "secondary": {
    "$type": "color",
    "$value": "oklch(0.97 0.001 106.424)",
    "$description": "Quiet filled controls (secondary Button), chips, hero ground gradient end."
   },
   "secondary-foreground": {
    "$type": "color",
    "$value": "oklch(0.268 0.007 34.298)",
    "$description": "Text on secondary (13.9:1 or better)."
   },
   "muted": {
    "$type": "color",
    "$value": "oklch(0.97 0.001 106.424)",
    "$description": "Subdued fills: code blocks, blockquotes, skeletons, disabled wells."
   },
   "muted-foreground": {
    "$type": "color",
    "$value": "oklch(0.444 0.011 73.639)",
    "$description": "Secondary text: descriptions, help text, placeholders, timestamps. Reads on muted, background, card and sidebar at 5.3:1 or better in every theme."
   },
   "accent": {
    "$type": "color",
    "$value": "oklch(0.97 0.001 106.424)",
    "$description": "Hover and selected fills for ghost/outline Buttons, menu items, list rows."
   },
   "accent-foreground": {
    "$type": "color",
    "$value": "oklch(0.268 0.007 34.298)",
    "$description": "Text on accent (13.3:1 or better)."
   },
   "destructive": {
    "$type": "color",
    "$value": "oklch(0.577 0.245 27.325)",
    "$description": "Errors and irreversible actions: destructive Button fill, invalid-field border and ring, error text on background/card (4.5:1 or better)."
   },
   "destructive-foreground": {
    "$type": "color",
    "$value": "oklch(1 0 0)",
    "$description": "Text on destructive. Defined by Crew OS; Max's destructive Button paints literal white text, which these values match in light themes. The destructive Button in dark themes draws destructive at 60% over the ground with white text (6.6:1)."
   },
   "border": {
    "$type": "color",
    "$value": "oklch(0.923 0.003 48.717)",
    "$description": "Default hairline for cards, dividers, tables and outline Buttons (decorative: 1.3–1.5:1 on background). Max dark uses white at 12%."
   },
   "input": {
    "$type": "color",
    "$value": "oklch(0.869 0.005 56.366)",
    "$description": "Text field and switch-track border/fill. Source values sit at about 1.5:1 on background in every theme — under the 3:1 non-text floor; kept exact, so pair fields with a visible Label."
   },
   "ring": {
    "$type": "color",
    "$value": "#c2410c",
    "$description": "Focus ring (3px, drawn at 50% by outline-ring/50 defaults and at full strength by focus-visible:ring-ring). Crew OS neutral grey 4.5:1 / 7.8:1 so it shows beside a black button; Max matches primary."
   },
   "chart-1": {
    "$type": "color",
    "$value": "oklch(0.646 0.222 41.116)",
    "$description": "First data series. Crew OS: slate blue; Max: brand orange (both themes)."
   },
   "chart-2": {
    "$type": "color",
    "$value": "oklch(0.6 0.118 184.704)",
    "$description": "Second data series (teal / green)."
   },
   "chart-3": {
    "$type": "color",
    "$value": "oklch(0.398 0.07 227.392)",
    "$description": "Third data series."
   },
   "chart-4": {
    "$type": "color",
    "$value": "oklch(0.828 0.189 84.429)",
    "$description": "Fourth data series."
   },
   "chart-5": {
    "$type": "color",
    "$value": "oklch(0.769 0.188 70.08)",
    "$description": "Fifth data series."
   },
   "sidebar": {
    "$type": "color",
    "$value": "oklch(0.985 0.001 106.423)",
    "$description": "App sidebar ground, one step off background."
   },
   "sidebar-foreground": {
    "$type": "color",
    "$value": "oklch(0.147 0.004 49.25)",
    "$description": "Nav text on sidebar (17.8:1 or better)."
   },
   "sidebar-primary": {
    "$type": "color",
    "$value": "#c2410c",
    "$description": "Active nav item fill; tracks primary (Max: re-applied at runtime by the primary-colour picker)."
   },
   "sidebar-primary-foreground": {
    "$type": "color",
    "$value": "oklch(1 0 0)",
    "$description": "Text on sidebar-primary."
   },
   "sidebar-accent": {
    "$type": "color",
    "$value": "oklch(0.97 0.001 106.424)",
    "$description": "Hovered nav item fill."
   },
   "sidebar-accent-foreground": {
    "$type": "color",
    "$value": "oklch(0.268 0.007 34.298)",
    "$description": "Text on sidebar-accent."
   },
   "sidebar-border": {
    "$type": "color",
    "$value": "oklch(0.923 0.003 48.717)",
    "$description": "Sidebar edge and section dividers."
   },
   "sidebar-ring": {
    "$type": "color",
    "$value": "#c2410c",
    "$description": "Focus ring inside the sidebar; tracks ring."
   },
   "bento-accent": {
    "$type": "color",
    "$value": "oklch(0.85 0 0)",
    "$description": "Crew OS marketing only: the shield and chart strokes in the Bento visuals, calibrated to stay visible without competing. Max columns repeat Crew OS values."
   },
   "ds-blue-100": {
    "$type": "color",
    "$value": "oklch(97.32% 0.0141 251.56)",
    "$description": "Max status scale — info tint ground (callouts, info badges). Crew OS columns repeat Max's values."
   },
   "ds-blue-900": {
    "$type": "color",
    "$value": "oklch(53.18% 0.2399 256.99)",
    "$description": "Info text and icons on ds-blue-100 (4.9:1 / 6.8:1) or on background."
   },
   "ds-red-100": {
    "$type": "color",
    "$value": "oklch(96.5% 0.0223 13.09)",
    "$description": "Max status scale — error tint ground."
   },
   "ds-red-900": {
    "$type": "color",
    "$value": "oklch(54.99% 0.232 25.29)",
    "$description": "Error text on ds-red-100 (4.7:1 / 5.7:1). Always pair with an icon or word: red and green are never told apart by hue alone."
   },
   "ds-amber-100": {
    "$type": "color",
    "$value": "oklch(97.48% 0.0331 85.79)",
    "$description": "Max status scale — warning tint ground."
   },
   "ds-amber-900": {
    "$type": "color",
    "$value": "oklch(52.79% 0.1496 54.65)",
    "$description": "Warning text on ds-amber-100 (5.2:1 / 7.7:1)."
   },
   "ds-gray-100": {
    "$type": "color",
    "$value": "hsla(0, 0%, 95%, 1)",
    "$description": "Max neutral scale — quiet tint ground (code snippets, keycaps)."
   },
   "ds-gray-1000": {
    "$type": "color",
    "$value": "hsla(0, 0%, 9%, 1)",
    "$description": "Strongest neutral text on ds-gray-100 (16:1 / 15:1)."
   },
   "ds-gray-alpha-400": {
    "$type": "color",
    "$value": "hsla(0, 0%, 0%, 0.08)",
    "$description": "Translucent neutral wash and hairlines over any ground."
   },
   "ds-background-100": {
    "$type": "color",
    "$value": "hsla(0, 0%, 100%, 1)",
    "$description": "Snippet and panel ground in the Max ds-* scale."
   },
   "dc-magenta": {
    "$type": "color",
    "$value": "#dd7bbb",
    "$description": "Brand accent. Default glow for .glass-glow; Spend stat cards. Fill or mark only: 2.6:1 on light grounds, 7.3:1 on dark."
   },
   "dc-ocean": {
    "$type": "color",
    "$value": "#4c7894",
    "$description": "Brand accent. Tasks stat cards; the ocean gradient. 4.6:1 on light and 4.2:1 on dark grounds — usable as a mark in both."
   },
   "dc-forest": {
    "$type": "color",
    "$value": "#5a922c",
    "$description": "Brand accent. Active stat cards; the forest gradient. Mark only on light grounds (3.6:1)."
   },
   "dc-gold": {
    "$type": "color",
    "$value": "#d79f1e",
    "$description": "Brand accent. Premium and ember gradients. Fill or mark on dark grounds only (2.3:1 on light)."
   },
   "dc-amber": {
    "$type": "color",
    "$value": "#f59e0b",
    "$description": "Brand accent; same value as dc-max. Fill with near-black text (9.8:1), never white text (2.2:1)."
   },
   "dc-sophie": {
    "$type": "color",
    "$value": "#0ea5e9",
    "$description": "Agent colour — Sophie, HR Business Partner (screening, interviews). Her avatar ring, cards and gradient; fills take near-black text (7.6:1). Live at sophie.digitalcrew.tech."
   },
   "dc-sophie-secondary": {
    "$type": "color",
    "$value": "#38bdf8",
    "$description": "Second stop of Sophie (HR)'s palette: lighter fills, hover tints, the middle of the agent gradient."
   },
   "dc-sophie-accent": {
    "$type": "color",
    "$value": "#7dd3fc",
    "$description": "Lightest stop of Sophie (HR)'s palette: soft tints and the end of the agent gradient (135°, primary → secondary → accent)."
   },
   "dc-sophie-glass": {
    "$type": "color",
    "$value": "#0284c7",
    "$description": "Deep shade of Sophie (HR)'s palette for glass surfaces and marks; 4.1:1 on white (not for text on white)."
   },
   "dc-sophie-glass-2": {
    "$type": "color",
    "$value": "#0369a1",
    "$description": "Deepest shade of Sophie (HR)'s palette for glass borders and pressed states; 5.9:1 on white (text-safe on white)."
   },
   "dc-claire": {
    "$type": "color",
    "$value": "#8b5cf6",
    "$description": "Agent colour — Claire, Market Mastermind (market and account research). Marks at 4.1:1 on light and 4.8:1 on dark grounds."
   },
   "dc-claire-secondary": {
    "$type": "color",
    "$value": "#a78bfa",
    "$description": "Second stop of Claire (market research)'s palette: lighter fills, hover tints, the middle of the agent gradient."
   },
   "dc-claire-accent": {
    "$type": "color",
    "$value": "#c4b5fd",
    "$description": "Lightest stop of Claire (market research)'s palette: soft tints and the end of the agent gradient (135°, primary → secondary → accent)."
   },
   "dc-claire-glass": {
    "$type": "color",
    "$value": "#7c3aed",
    "$description": "Deep shade of Claire (market research)'s palette for glass surfaces and marks; 5.7:1 on white (text-safe on white)."
   },
   "dc-claire-glass-2": {
    "$type": "color",
    "$value": "#6d28d9",
    "$description": "Deepest shade of Claire (market research)'s palette for glass borders and pressed states; 7.1:1 on white (text-safe on white)."
   },
   "dc-max": {
    "$type": "color",
    "$value": "#f59e0b",
    "$description": "Agent colour — Max, Outbound Sales Force, on Digital Crew surfaces. Inside the Max product the brand accent is primary (orange) and Max Carter's roster accent is violet."
   },
   "dc-max-secondary": {
    "$type": "color",
    "$value": "#fbbf24",
    "$description": "Second stop of Max (outbound sales)'s palette: lighter fills, hover tints, the middle of the agent gradient."
   },
   "dc-max-accent": {
    "$type": "color",
    "$value": "#fcd34d",
    "$description": "Lightest stop of Max (outbound sales)'s palette: soft tints and the end of the agent gradient (135°, primary → secondary → accent)."
   },
   "dc-max-glass": {
    "$type": "color",
    "$value": "#d97706",
    "$description": "Deep shade of Max (outbound sales)'s palette for glass surfaces and marks; 3.2:1 on white (not for text on white)."
   },
   "dc-max-glass-2": {
    "$type": "color",
    "$value": "#b45309",
    "$description": "Deepest shade of Max (outbound sales)'s palette for glass borders and pressed states; 5.0:1 on white (text-safe on white)."
   },
   "dc-camille": {
    "$type": "color",
    "$value": "#ec4899",
    "$description": "Agent colour — Camille, Customer Support Champion (tier-1 support, churn risk; coming soon). Pink stop of the signature gradient."
   },
   "dc-camille-secondary": {
    "$type": "color",
    "$value": "#f472b6",
    "$description": "Second stop of Camille (customer support)'s palette: lighter fills, hover tints, the middle of the agent gradient."
   },
   "dc-camille-accent": {
    "$type": "color",
    "$value": "#f9a8d4",
    "$description": "Lightest stop of Camille (customer support)'s palette: soft tints and the end of the agent gradient (135°, primary → secondary → accent)."
   },
   "dc-camille-glass": {
    "$type": "color",
    "$value": "#db2777",
    "$description": "Deep shade of Camille (customer support)'s palette for glass surfaces and marks; 4.6:1 on white (text-safe on white)."
   },
   "dc-camille-glass-2": {
    "$type": "color",
    "$value": "#be185d",
    "$description": "Deepest shade of Camille (customer support)'s palette for glass borders and pressed states; 6.0:1 on white (text-safe on white)."
   },
   "dc-kate": {
    "$type": "color",
    "$value": "#10b981",
    "$description": "Agent colour — Kate, Marketing Maestro (campaigns, copy, content). Fills take near-black text (8.3:1)."
   },
   "dc-kate-secondary": {
    "$type": "color",
    "$value": "#34d399",
    "$description": "Second stop of Kate (marketing)'s palette: lighter fills, hover tints, the middle of the agent gradient."
   },
   "dc-kate-accent": {
    "$type": "color",
    "$value": "#6ee7b7",
    "$description": "Lightest stop of Kate (marketing)'s palette: soft tints and the end of the agent gradient (135°, primary → secondary → accent)."
   },
   "dc-kate-glass": {
    "$type": "color",
    "$value": "#14b8a6",
    "$description": "Deep shade of Kate (marketing)'s palette for glass surfaces and marks; 2.5:1 on white (not for text on white)."
   },
   "dc-kate-glass-2": {
    "$type": "color",
    "$value": "#0d9488",
    "$description": "Deepest shade of Kate (marketing)'s palette for glass borders and pressed states; 3.7:1 on white (not for text on white)."
   },
   "dc-andre": {
    "$type": "color",
    "$value": "#6366f1",
    "$description": "Agent colour — André, Finance & Admin (invoicing, reporting; coming soon). Indigo stop of the signature gradient."
   },
   "dc-andre-secondary": {
    "$type": "color",
    "$value": "#818cf8",
    "$description": "Second stop of André (finance & admin)'s palette: lighter fills, hover tints, the middle of the agent gradient."
   },
   "dc-andre-accent": {
    "$type": "color",
    "$value": "#a5b4fc",
    "$description": "Lightest stop of André (finance & admin)'s palette: soft tints and the end of the agent gradient (135°, primary → secondary → accent)."
   },
   "dc-andre-glass": {
    "$type": "color",
    "$value": "#4f46e5",
    "$description": "Deep shade of André (finance & admin)'s palette for glass surfaces and marks; 6.3:1 on white (text-safe on white)."
   },
   "dc-andre-glass-2": {
    "$type": "color",
    "$value": "#4338ca",
    "$description": "Deepest shade of André (finance & admin)'s palette for glass borders and pressed states; 7.9:1 on white (text-safe on white)."
   },
   "dc-jeanne": {
    "$type": "color",
    "$value": "#f97316",
    "$description": "Agent colour — Jeanne, Project Manager. From lib/brand.ts (no CSS variable in the source; not on the public site)."
   },
   "dc-jeanne-secondary": {
    "$type": "color",
    "$value": "#fb923c",
    "$description": "Second stop of Jeanne (project delivery)'s palette: lighter fills, hover tints, the middle of the agent gradient."
   },
   "dc-jeanne-accent": {
    "$type": "color",
    "$value": "#fdba74",
    "$description": "Lightest stop of Jeanne (project delivery)'s palette: soft tints and the end of the agent gradient (135°, primary → secondary → accent)."
   },
   "dc-jeanne-glass": {
    "$type": "color",
    "$value": "#ea580c",
    "$description": "Deep shade of Jeanne (project delivery)'s palette for glass surfaces and marks; 3.6:1 on white (not for text on white)."
   },
   "dc-jeanne-glass-2": {
    "$type": "color",
    "$value": "#c2410c",
    "$description": "Deepest shade of Jeanne (project delivery)'s palette for glass borders and pressed states; 5.2:1 on white (text-safe on white)."
   },
   "dc-boss": {
    "$type": "color",
    "$value": "#dc2626",
    "$description": "Agent colour — the Boss, Chief Executive Officer of the crew. From lib/brand.ts (no CSS variable; not on the public site). Never used as an error colour."
   },
   "dc-boss-secondary": {
    "$type": "color",
    "$value": "#ef4444",
    "$description": "Second stop of the Boss (operations lead)'s palette: lighter fills, hover tints, the middle of the agent gradient."
   },
   "dc-boss-accent": {
    "$type": "color",
    "$value": "#fca5a5",
    "$description": "Lightest stop of the Boss (operations lead)'s palette: soft tints and the end of the agent gradient (135°, primary → secondary → accent)."
   },
   "dc-boss-glass": {
    "$type": "color",
    "$value": "#b91c1c",
    "$description": "Deep shade of the Boss (operations lead)'s palette for glass surfaces and marks; 6.5:1 on white (text-safe on white)."
   },
   "dc-boss-glass-2": {
    "$type": "color",
    "$value": "#991b1b",
    "$description": "Deepest shade of the Boss (operations lead)'s palette for glass borders and pressed states; 8.3:1 on white (text-safe on white)."
   },
   "accent-ai": {
    "$type": "color",
    "$value": "oklch(68% 0.20 295)",
    "$description": "Max's AI accent (purple), identical in both themes: Max chat file-drop zone, AI-generated markers in the onboarding packet. Mark or tint only on light grounds (3.0:1)."
   },
   "accent-ai-2": {
    "$type": "color",
    "$value": "oklch(60% 0.22 295)",
    "$description": "Deeper AI purple for pressed/hover states of accent-ai fills."
   },
   "accent-new": {
    "$type": "color",
    "$value": "oklch(74% 0.18 148)",
    "$description": "Max's NEW accent (green), identical in both themes: new-item dots and badges in the onboarding packet and chat. Fill with near-black text (9.8:1)."
   },
   "accent-new-2": {
    "$type": "color",
    "$value": "oklch(68% 0.18 148)",
    "$description": "Deeper NEW green for hover/pressed states of accent-new fills."
   },
   "mx-bg": {
    "$type": "color",
    "$value": "oklch(98% 0.002 260)",
    "$description": "Ground of Max's agent surfaces (chat, Ask Max panel, meetings assistant, onboarding): a cool 260° neutral, deliberately apart from the warm app background. Only inside .maxchat; Crew OS columns repeat Max's values."
   },
   "mx-surface": {
    "$type": "color",
    "$value": "oklch(100% 0 0)",
    "$description": "Raised cards on mx-bg: confirm cards, the composer."
   },
   "mx-surface-2": {
    "$type": "color",
    "$value": "oklch(97% 0.002 260)",
    "$description": "Quiet fills on agent surfaces: history rows, chips at rest."
   },
   "mx-surface-hi": {
    "$type": "color",
    "$value": "oklch(94% 0.003 260)",
    "$description": "Hover and pressed fills on agent surfaces; the active header icon."
   },
   "mx-ink": {
    "$type": "color",
    "$value": "oklch(18% 0.006 260)",
    "$description": "Text on agent surfaces (17.8:1 / 19:1 on mx-bg) and the fill of their primary buttons — send, confirm — which are ink, not orange."
   },
   "mx-ink-2": {
    "$type": "color",
    "$value": "oklch(32% 0.006 260)",
    "$description": "Secondary text on agent surfaces; the user's own messages (italic)."
   },
   "mx-ink-3": {
    "$type": "color",
    "$value": "oklch(48% 0.006 260)",
    "$description": "Meta and help text on agent surfaces (6.2:1 light, 5.5:1 dark on mx-bg)."
   },
   "mx-ink-4": {
    "$type": "color",
    "$value": "oklch(62% 0.005 260)",
    "$description": "Placeholders, disabled glyphs and decorative marks only: 3.4:1 light and 2.6:1 dark on mx-bg, below the text floor (source values, kept)."
   },
   "mx-line": {
    "$type": "color",
    "$value": "oklch(18% 0.006 260 / 0.08)",
    "$description": "Hairlines on agent surfaces: ink or white at 8%."
   },
   "mx-line-strong": {
    "$type": "color",
    "$value": "oklch(18% 0.006 260 / 0.18)",
    "$description": "Composer and card borders on agent surfaces (decorative, about 1.5:1)."
   }
  },
  "shadow": {
   "shadow-xs": {
    "$value": "0 1px 2px 0 rgba(0, 0, 0, 0.05)",
    "$description": "Outline Button, Input, Textarea."
   },
   "shadow-sm": {
    "$value": "0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1)",
    "$description": "Card."
   },
   "shadow-glass-panel": {
    "$value": "0 8px 32px 0 rgba(31, 38, 135, 0.07), inset 0 1px 1px 0 rgba(255, 255, 255, 0.9)",
    "$description": ".glass-panel: floating panels over imagery or gradient grounds, with backdrop-glass-panel."
   },
   "shadow-glass-card": {
    "$value": "0 4px 24px 0 rgba(31, 38, 135, 0.05), inset 0 1px 1px 0 rgba(255, 255, 255, 0.95)",
    "$description": ".glass-card: cards on gradient or image grounds, with backdrop-glass."
   }
  }
 },
 "max-dark": {
  "color": {
   "background": {
    "$type": "color",
    "$value": "oklch(0.13 0.005 60)",
    "$description": "Page ground. Crew OS: near-white / near-black achromatic. Max: white / warm near-black."
   },
   "foreground": {
    "$type": "color",
    "$value": "oklch(0.98 0.002 80)",
    "$description": "Body text and icons on background, card and popover (18:1 or better in every theme)."
   },
   "card": {
    "$type": "color",
    "$value": "oklch(0.19 0.005 60)",
    "$description": "Raised surface: cards, panels, dialogs. One step above background in dark themes so panels read as elevated."
   },
   "card-foreground": {
    "$type": "color",
    "$value": "oklch(0.98 0.002 80)",
    "$description": "Text on card (16.9:1 or better in every theme)."
   },
   "popover": {
    "$type": "color",
    "$value": "oklch(0.19 0.005 60)",
    "$description": "Menus, popovers, select lists, tooltips-on-surface."
   },
   "popover-foreground": {
    "$type": "color",
    "$value": "oklch(0.98 0.002 80)",
    "$description": "Text on popover."
   },
   "primary": {
    "$type": "color",
    "$value": "#fb923c",
    "$description": "The brand ink. Crew OS: near-black (light) / white (dark) — the brand reads as ink, not a tint. Max: orange-700 #c2410c (light) / orange-400 #fb923c (dark). Default Button fill, links, active nav."
   },
   "primary-foreground": {
    "$type": "color",
    "$value": "oklch(0.147 0.004 49.25)",
    "$description": "Text and icons on primary. Crew OS 18:1 / 21:1; Max 5.2:1 (white on orange-700) / 8.7:1 (near-black on orange-400)."
   },
   "secondary": {
    "$type": "color",
    "$value": "oklch(0.26 0.006 60)",
    "$description": "Quiet filled controls (secondary Button), chips, hero ground gradient end."
   },
   "secondary-foreground": {
    "$type": "color",
    "$value": "oklch(0.98 0.002 80)",
    "$description": "Text on secondary (13.9:1 or better)."
   },
   "muted": {
    "$type": "color",
    "$value": "oklch(0.26 0.006 60)",
    "$description": "Subdued fills: code blocks, blockquotes, skeletons, disabled wells."
   },
   "muted-foreground": {
    "$type": "color",
    "$value": "oklch(0.709 0.01 56.259)",
    "$description": "Secondary text: descriptions, help text, placeholders, timestamps. Reads on muted, background, card and sidebar at 5.3:1 or better in every theme."
   },
   "accent": {
    "$type": "color",
    "$value": "oklch(0.26 0.006 60)",
    "$description": "Hover and selected fills for ghost/outline Buttons, menu items, list rows."
   },
   "accent-foreground": {
    "$type": "color",
    "$value": "oklch(0.98 0.002 80)",
    "$description": "Text on accent (13.3:1 or better)."
   },
   "destructive": {
    "$type": "color",
    "$value": "oklch(0.704 0.191 22.216)",
    "$description": "Errors and irreversible actions: destructive Button fill, invalid-field border and ring, error text on background/card (4.5:1 or better)."
   },
   "destructive-foreground": {
    "$type": "color",
    "$value": "oklch(0.12 0 0)",
    "$description": "Text on destructive. Defined by Crew OS; Max's destructive Button paints literal white text, which these values match in light themes. The destructive Button in dark themes draws destructive at 60% over the ground with white text (6.6:1)."
   },
   "border": {
    "$type": "color",
    "$value": "oklch(1 0 0 / 0.12)",
    "$description": "Default hairline for cards, dividers, tables and outline Buttons (decorative: 1.3–1.5:1 on background). Max dark uses white at 12%."
   },
   "input": {
    "$type": "color",
    "$value": "oklch(1 0 0 / 0.18)",
    "$description": "Text field and switch-track border/fill. Source values sit at about 1.5:1 on background in every theme — under the 3:1 non-text floor; kept exact, so pair fields with a visible Label."
   },
   "ring": {
    "$type": "color",
    "$value": "#fb923c",
    "$description": "Focus ring (3px, drawn at 50% by outline-ring/50 defaults and at full strength by focus-visible:ring-ring). Crew OS neutral grey 4.5:1 / 7.8:1 so it shows beside a black button; Max matches primary."
   },
   "chart-1": {
    "$type": "color",
    "$value": "oklch(0.646 0.222 41.116)",
    "$description": "First data series. Crew OS: slate blue; Max: brand orange (both themes)."
   },
   "chart-2": {
    "$type": "color",
    "$value": "oklch(0.696 0.17 162.48)",
    "$description": "Second data series (teal / green)."
   },
   "chart-3": {
    "$type": "color",
    "$value": "oklch(0.769 0.188 70.08)",
    "$description": "Third data series."
   },
   "chart-4": {
    "$type": "color",
    "$value": "oklch(0.627 0.265 303.9)",
    "$description": "Fourth data series."
   },
   "chart-5": {
    "$type": "color",
    "$value": "oklch(0.645 0.246 16.439)",
    "$description": "Fifth data series."
   },
   "sidebar": {
    "$type": "color",
    "$value": "oklch(0.16 0.005 60)",
    "$description": "App sidebar ground, one step off background."
   },
   "sidebar-foreground": {
    "$type": "color",
    "$value": "oklch(0.98 0.002 80)",
    "$description": "Nav text on sidebar (17.8:1 or better)."
   },
   "sidebar-primary": {
    "$type": "color",
    "$value": "#fb923c",
    "$description": "Active nav item fill; tracks primary (Max: re-applied at runtime by the primary-colour picker)."
   },
   "sidebar-primary-foreground": {
    "$type": "color",
    "$value": "oklch(0.147 0.004 49.25)",
    "$description": "Text on sidebar-primary."
   },
   "sidebar-accent": {
    "$type": "color",
    "$value": "oklch(0.23 0.006 60)",
    "$description": "Hovered nav item fill."
   },
   "sidebar-accent-foreground": {
    "$type": "color",
    "$value": "oklch(0.98 0.002 80)",
    "$description": "Text on sidebar-accent."
   },
   "sidebar-border": {
    "$type": "color",
    "$value": "oklch(1 0 0 / 0.1)",
    "$description": "Sidebar edge and section dividers."
   },
   "sidebar-ring": {
    "$type": "color",
    "$value": "#fb923c",
    "$description": "Focus ring inside the sidebar; tracks ring."
   },
   "bento-accent": {
    "$type": "color",
    "$value": "oklch(0.4 0 0)",
    "$description": "Crew OS marketing only: the shield and chart strokes in the Bento visuals, calibrated to stay visible without competing. Max columns repeat Crew OS values."
   },
   "ds-blue-100": {
    "$type": "color",
    "$value": "oklch(22.17% 0.069 259.89)",
    "$description": "Max status scale — info tint ground (callouts, info badges). Crew OS columns repeat Max's values."
   },
   "ds-blue-900": {
    "$type": "color",
    "$value": "oklch(71.7% 0.1648 250.79)",
    "$description": "Info text and icons on ds-blue-100 (4.9:1 / 6.8:1) or on background."
   },
   "ds-red-100": {
    "$type": "color",
    "$value": "oklch(22.1% 0.0657 15.11)",
    "$description": "Max status scale — error tint ground."
   },
   "ds-red-900": {
    "$type": "color",
    "$value": "oklch(69.96% 0.2136 22.03)",
    "$description": "Error text on ds-red-100 (4.7:1 / 5.7:1). Always pair with an icon or word: red and green are never told apart by hue alone."
   },
   "ds-amber-100": {
    "$type": "color",
    "$value": "oklch(22.46% 0.0538 76.04)",
    "$description": "Max status scale — warning tint ground."
   },
   "ds-amber-900": {
    "$type": "color",
    "$value": "oklch(77.21% 0.1991 64.28)",
    "$description": "Warning text on ds-amber-100 (5.2:1 / 7.7:1)."
   },
   "ds-gray-100": {
    "$type": "color",
    "$value": "hsla(0, 0%, 10%, 1)",
    "$description": "Max neutral scale — quiet tint ground (code snippets, keycaps)."
   },
   "ds-gray-1000": {
    "$type": "color",
    "$value": "hsla(0, 0%, 93%, 1)",
    "$description": "Strongest neutral text on ds-gray-100 (16:1 / 15:1)."
   },
   "ds-gray-alpha-400": {
    "$type": "color",
    "$value": "hsla(0, 0%, 100%, 0.14)",
    "$description": "Translucent neutral wash and hairlines over any ground."
   },
   "ds-background-100": {
    "$type": "color",
    "$value": "hsla(0, 0%, 4%, 1)",
    "$description": "Snippet and panel ground in the Max ds-* scale."
   },
   "dc-magenta": {
    "$type": "color",
    "$value": "#dd7bbb",
    "$description": "Brand accent. Default glow for .glass-glow; Spend stat cards. Fill or mark only: 2.6:1 on light grounds, 7.3:1 on dark."
   },
   "dc-ocean": {
    "$type": "color",
    "$value": "#4c7894",
    "$description": "Brand accent. Tasks stat cards; the ocean gradient. 4.6:1 on light and 4.2:1 on dark grounds — usable as a mark in both."
   },
   "dc-forest": {
    "$type": "color",
    "$value": "#5a922c",
    "$description": "Brand accent. Active stat cards; the forest gradient. Mark only on light grounds (3.6:1)."
   },
   "dc-gold": {
    "$type": "color",
    "$value": "#d79f1e",
    "$description": "Brand accent. Premium and ember gradients. Fill or mark on dark grounds only (2.3:1 on light)."
   },
   "dc-amber": {
    "$type": "color",
    "$value": "#f59e0b",
    "$description": "Brand accent; same value as dc-max. Fill with near-black text (9.8:1), never white text (2.2:1)."
   },
   "dc-sophie": {
    "$type": "color",
    "$value": "#0ea5e9",
    "$description": "Agent colour — Sophie, HR Business Partner (screening, interviews). Her avatar ring, cards and gradient; fills take near-black text (7.6:1). Live at sophie.digitalcrew.tech."
   },
   "dc-sophie-secondary": {
    "$type": "color",
    "$value": "#38bdf8",
    "$description": "Second stop of Sophie (HR)'s palette: lighter fills, hover tints, the middle of the agent gradient."
   },
   "dc-sophie-accent": {
    "$type": "color",
    "$value": "#7dd3fc",
    "$description": "Lightest stop of Sophie (HR)'s palette: soft tints and the end of the agent gradient (135°, primary → secondary → accent)."
   },
   "dc-sophie-glass": {
    "$type": "color",
    "$value": "#0284c7",
    "$description": "Deep shade of Sophie (HR)'s palette for glass surfaces and marks; 4.1:1 on white (not for text on white)."
   },
   "dc-sophie-glass-2": {
    "$type": "color",
    "$value": "#0369a1",
    "$description": "Deepest shade of Sophie (HR)'s palette for glass borders and pressed states; 5.9:1 on white (text-safe on white)."
   },
   "dc-claire": {
    "$type": "color",
    "$value": "#8b5cf6",
    "$description": "Agent colour — Claire, Market Mastermind (market and account research). Marks at 4.1:1 on light and 4.8:1 on dark grounds."
   },
   "dc-claire-secondary": {
    "$type": "color",
    "$value": "#a78bfa",
    "$description": "Second stop of Claire (market research)'s palette: lighter fills, hover tints, the middle of the agent gradient."
   },
   "dc-claire-accent": {
    "$type": "color",
    "$value": "#c4b5fd",
    "$description": "Lightest stop of Claire (market research)'s palette: soft tints and the end of the agent gradient (135°, primary → secondary → accent)."
   },
   "dc-claire-glass": {
    "$type": "color",
    "$value": "#7c3aed",
    "$description": "Deep shade of Claire (market research)'s palette for glass surfaces and marks; 5.7:1 on white (text-safe on white)."
   },
   "dc-claire-glass-2": {
    "$type": "color",
    "$value": "#6d28d9",
    "$description": "Deepest shade of Claire (market research)'s palette for glass borders and pressed states; 7.1:1 on white (text-safe on white)."
   },
   "dc-max": {
    "$type": "color",
    "$value": "#f59e0b",
    "$description": "Agent colour — Max, Outbound Sales Force, on Digital Crew surfaces. Inside the Max product the brand accent is primary (orange) and Max Carter's roster accent is violet."
   },
   "dc-max-secondary": {
    "$type": "color",
    "$value": "#fbbf24",
    "$description": "Second stop of Max (outbound sales)'s palette: lighter fills, hover tints, the middle of the agent gradient."
   },
   "dc-max-accent": {
    "$type": "color",
    "$value": "#fcd34d",
    "$description": "Lightest stop of Max (outbound sales)'s palette: soft tints and the end of the agent gradient (135°, primary → secondary → accent)."
   },
   "dc-max-glass": {
    "$type": "color",
    "$value": "#d97706",
    "$description": "Deep shade of Max (outbound sales)'s palette for glass surfaces and marks; 3.2:1 on white (not for text on white)."
   },
   "dc-max-glass-2": {
    "$type": "color",
    "$value": "#b45309",
    "$description": "Deepest shade of Max (outbound sales)'s palette for glass borders and pressed states; 5.0:1 on white (text-safe on white)."
   },
   "dc-camille": {
    "$type": "color",
    "$value": "#ec4899",
    "$description": "Agent colour — Camille, Customer Support Champion (tier-1 support, churn risk; coming soon). Pink stop of the signature gradient."
   },
   "dc-camille-secondary": {
    "$type": "color",
    "$value": "#f472b6",
    "$description": "Second stop of Camille (customer support)'s palette: lighter fills, hover tints, the middle of the agent gradient."
   },
   "dc-camille-accent": {
    "$type": "color",
    "$value": "#f9a8d4",
    "$description": "Lightest stop of Camille (customer support)'s palette: soft tints and the end of the agent gradient (135°, primary → secondary → accent)."
   },
   "dc-camille-glass": {
    "$type": "color",
    "$value": "#db2777",
    "$description": "Deep shade of Camille (customer support)'s palette for glass surfaces and marks; 4.6:1 on white (text-safe on white)."
   },
   "dc-camille-glass-2": {
    "$type": "color",
    "$value": "#be185d",
    "$description": "Deepest shade of Camille (customer support)'s palette for glass borders and pressed states; 6.0:1 on white (text-safe on white)."
   },
   "dc-kate": {
    "$type": "color",
    "$value": "#10b981",
    "$description": "Agent colour — Kate, Marketing Maestro (campaigns, copy, content). Fills take near-black text (8.3:1)."
   },
   "dc-kate-secondary": {
    "$type": "color",
    "$value": "#34d399",
    "$description": "Second stop of Kate (marketing)'s palette: lighter fills, hover tints, the middle of the agent gradient."
   },
   "dc-kate-accent": {
    "$type": "color",
    "$value": "#6ee7b7",
    "$description": "Lightest stop of Kate (marketing)'s palette: soft tints and the end of the agent gradient (135°, primary → secondary → accent)."
   },
   "dc-kate-glass": {
    "$type": "color",
    "$value": "#14b8a6",
    "$description": "Deep shade of Kate (marketing)'s palette for glass surfaces and marks; 2.5:1 on white (not for text on white)."
   },
   "dc-kate-glass-2": {
    "$type": "color",
    "$value": "#0d9488",
    "$description": "Deepest shade of Kate (marketing)'s palette for glass borders and pressed states; 3.7:1 on white (not for text on white)."
   },
   "dc-andre": {
    "$type": "color",
    "$value": "#6366f1",
    "$description": "Agent colour — André, Finance & Admin (invoicing, reporting; coming soon). Indigo stop of the signature gradient."
   },
   "dc-andre-secondary": {
    "$type": "color",
    "$value": "#818cf8",
    "$description": "Second stop of André (finance & admin)'s palette: lighter fills, hover tints, the middle of the agent gradient."
   },
   "dc-andre-accent": {
    "$type": "color",
    "$value": "#a5b4fc",
    "$description": "Lightest stop of André (finance & admin)'s palette: soft tints and the end of the agent gradient (135°, primary → secondary → accent)."
   },
   "dc-andre-glass": {
    "$type": "color",
    "$value": "#4f46e5",
    "$description": "Deep shade of André (finance & admin)'s palette for glass surfaces and marks; 6.3:1 on white (text-safe on white)."
   },
   "dc-andre-glass-2": {
    "$type": "color",
    "$value": "#4338ca",
    "$description": "Deepest shade of André (finance & admin)'s palette for glass borders and pressed states; 7.9:1 on white (text-safe on white)."
   },
   "dc-jeanne": {
    "$type": "color",
    "$value": "#f97316",
    "$description": "Agent colour — Jeanne, Project Manager. From lib/brand.ts (no CSS variable in the source; not on the public site)."
   },
   "dc-jeanne-secondary": {
    "$type": "color",
    "$value": "#fb923c",
    "$description": "Second stop of Jeanne (project delivery)'s palette: lighter fills, hover tints, the middle of the agent gradient."
   },
   "dc-jeanne-accent": {
    "$type": "color",
    "$value": "#fdba74",
    "$description": "Lightest stop of Jeanne (project delivery)'s palette: soft tints and the end of the agent gradient (135°, primary → secondary → accent)."
   },
   "dc-jeanne-glass": {
    "$type": "color",
    "$value": "#ea580c",
    "$description": "Deep shade of Jeanne (project delivery)'s palette for glass surfaces and marks; 3.6:1 on white (not for text on white)."
   },
   "dc-jeanne-glass-2": {
    "$type": "color",
    "$value": "#c2410c",
    "$description": "Deepest shade of Jeanne (project delivery)'s palette for glass borders and pressed states; 5.2:1 on white (text-safe on white)."
   },
   "dc-boss": {
    "$type": "color",
    "$value": "#dc2626",
    "$description": "Agent colour — the Boss, Chief Executive Officer of the crew. From lib/brand.ts (no CSS variable; not on the public site). Never used as an error colour."
   },
   "dc-boss-secondary": {
    "$type": "color",
    "$value": "#ef4444",
    "$description": "Second stop of the Boss (operations lead)'s palette: lighter fills, hover tints, the middle of the agent gradient."
   },
   "dc-boss-accent": {
    "$type": "color",
    "$value": "#fca5a5",
    "$description": "Lightest stop of the Boss (operations lead)'s palette: soft tints and the end of the agent gradient (135°, primary → secondary → accent)."
   },
   "dc-boss-glass": {
    "$type": "color",
    "$value": "#b91c1c",
    "$description": "Deep shade of the Boss (operations lead)'s palette for glass surfaces and marks; 6.5:1 on white (text-safe on white)."
   },
   "dc-boss-glass-2": {
    "$type": "color",
    "$value": "#991b1b",
    "$description": "Deepest shade of the Boss (operations lead)'s palette for glass borders and pressed states; 8.3:1 on white (text-safe on white)."
   },
   "accent-ai": {
    "$type": "color",
    "$value": "oklch(68% 0.20 295)",
    "$description": "Max's AI accent (purple), identical in both themes: Max chat file-drop zone, AI-generated markers in the onboarding packet. Mark or tint only on light grounds (3.0:1)."
   },
   "accent-ai-2": {
    "$type": "color",
    "$value": "oklch(60% 0.22 295)",
    "$description": "Deeper AI purple for pressed/hover states of accent-ai fills."
   },
   "accent-new": {
    "$type": "color",
    "$value": "oklch(74% 0.18 148)",
    "$description": "Max's NEW accent (green), identical in both themes: new-item dots and badges in the onboarding packet and chat. Fill with near-black text (9.8:1)."
   },
   "accent-new-2": {
    "$type": "color",
    "$value": "oklch(68% 0.18 148)",
    "$description": "Deeper NEW green for hover/pressed states of accent-new fills."
   },
   "mx-bg": {
    "$type": "color",
    "$value": "oklch(13% 0.003 260)",
    "$description": "Ground of Max's agent surfaces (chat, Ask Max panel, meetings assistant, onboarding): a cool 260° neutral, deliberately apart from the warm app background. Only inside .maxchat; Crew OS columns repeat Max's values."
   },
   "mx-surface": {
    "$type": "color",
    "$value": "oklch(15% 0.003 260)",
    "$description": "Raised cards on mx-bg: confirm cards, the composer."
   },
   "mx-surface-2": {
    "$type": "color",
    "$value": "oklch(18% 0.004 260)",
    "$description": "Quiet fills on agent surfaces: history rows, chips at rest."
   },
   "mx-surface-hi": {
    "$type": "color",
    "$value": "oklch(22% 0.004 260)",
    "$description": "Hover and pressed fills on agent surfaces; the active header icon."
   },
   "mx-ink": {
    "$type": "color",
    "$value": "oklch(98% 0 0)",
    "$description": "Text on agent surfaces (17.8:1 / 19:1 on mx-bg) and the fill of their primary buttons — send, confirm — which are ink, not orange."
   },
   "mx-ink-2": {
    "$type": "color",
    "$value": "oklch(82% 0.003 260)",
    "$description": "Secondary text on agent surfaces; the user's own messages (italic)."
   },
   "mx-ink-3": {
    "$type": "color",
    "$value": "oklch(62% 0.004 260)",
    "$description": "Meta and help text on agent surfaces (6.2:1 light, 5.5:1 dark on mx-bg)."
   },
   "mx-ink-4": {
    "$type": "color",
    "$value": "oklch(44% 0.005 260)",
    "$description": "Placeholders, disabled glyphs and decorative marks only: 3.4:1 light and 2.6:1 dark on mx-bg, below the text floor (source values, kept)."
   },
   "mx-line": {
    "$type": "color",
    "$value": "oklch(100% 0 0 / 0.08)",
    "$description": "Hairlines on agent surfaces: ink or white at 8%."
   },
   "mx-line-strong": {
    "$type": "color",
    "$value": "oklch(100% 0 0 / 0.16)",
    "$description": "Composer and card borders on agent surfaces (decorative, about 1.5:1)."
   }
  },
  "shadow": {
   "shadow-xs": {
    "$value": "0 1px 2px 0 rgba(0, 0, 0, 0.05)",
    "$description": "Outline Button, Input, Textarea."
   },
   "shadow-sm": {
    "$value": "0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1)",
    "$description": "Card."
   },
   "shadow-glass-panel": {
    "$value": "0 8px 32px 0 rgba(0, 0, 0, 0.4), inset 0 1px 1px 0 rgba(255, 255, 255, 0.08)",
    "$description": ".glass-panel: floating panels over imagery or gradient grounds, with backdrop-glass-panel."
   },
   "shadow-glass-card": {
    "$value": "0 4px 24px 0 rgba(0, 0, 0, 0.3), inset 0 1px 1px 0 rgba(255, 255, 255, 0.06)",
    "$description": ".glass-card: cards on gradient or image grounds, with backdrop-glass."
   }
  }
 },
 "spacing": {
  "space-1": {
   "$type": "dimension",
   "$value": "4px",
   "$description": "Tightest gap: icon-to-text in badges, stacked helper lines."
  },
  "space-1_5": {
   "$type": "dimension",
   "$value": "6px",
   "$description": "Small Button icon gap (gap-1.5); description offset under settings titles."
  },
  "space-2": {
   "$type": "dimension",
   "$value": "8px",
   "$description": "Button icon gap, CardHeader row gap, Textarea vertical padding, label-to-field gap."
  },
  "space-3": {
   "$type": "dimension",
   "$value": "12px",
   "$description": "Input/Textarea horizontal padding; small Button padding; gap between inline controls."
  },
  "space-4": {
   "$type": "dimension",
   "$value": "16px",
   "$description": "Default Button horizontal padding; compact settings gap; settings header gap."
  },
  "space-5": {
   "$type": "dimension",
   "$value": "20px",
   "$description": "Appearance toggle row inline padding."
  },
  "space-6": {
   "$type": "dimension",
   "$value": "24px",
   "$description": "Card padding and inner gap (px-6 py-6 gap-6); large Button padding."
  },
  "crew-settings-gap": {
   "$type": "dimension",
   "$value": "24px",
   "$description": "Settings section padding and field gap, comfortable density (16px when data-density is compact)."
  },
  "space-8": {
   "$type": "dimension",
   "$value": "32px",
   "$description": "Small Button and icon-button height (h-8); appearance preview padding."
  },
  "space-9": {
   "$type": "dimension",
   "$value": "36px",
   "$description": "Default Button and Input height (h-9)."
  },
  "space-10": {
   "$type": "dimension",
   "$value": "40px",
   "$description": "Large Button height (h-10)."
  }
 },
 "radius": {
  "radius": {
   "$type": "dimension",
   "$value": "10px",
   "$description": "The base radius both apps set; radius-lg equals it."
  },
  "radius-sm": {
   "$type": "dimension",
   "$value": "6px",
   "$description": "calc(radius - 4px): small chips, inner elements."
  },
  "radius-md": {
   "$type": "dimension",
   "$value": "8px",
   "$description": "calc(radius - 2px): Button, Input, Textarea (rounded-md)."
  },
  "radius-lg": {
   "$type": "dimension",
   "$value": "10px",
   "$description": "Popovers, menus, sheets."
  },
  "r-lg": {
   "$type": "dimension",
   "$value": "12px",
   "$description": "Settings sections, appearance toggles and previews (0.75rem)."
  },
  "radius-xl": {
   "$type": "dimension",
   "$value": "14px",
   "$description": "calc(radius + 4px): Card (rounded-xl)."
  },
  "r-full": {
   "$type": "dimension",
   "$value": "9999px",
   "$description": "Pills: Switch track and thumb, hero CTAs, the hero badge, avatars."
  }
 },
 "typography": {
  "display-hero": {
   "$type": "typography",
   "$value": {
    "fontFamily": "\"Cabinet Grotesk\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif",
    "fontSize": "60px",
    "fontWeight": 500,
    "lineHeight": 1,
    "letterSpacing": "-0.05em"
   },
   "$description": "Marketing hero h1 at xl (text-6xl font-medium tracking-tighter); steps down to 48, 36 and 30px at smaller breakpoints. Balanced, centred, in primary."
  },
  "display-page": {
   "$type": "typography",
   "$value": {
    "fontFamily": "\"Cabinet Grotesk\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif",
    "fontSize": "48px",
    "fontWeight": 600,
    "lineHeight": 1,
    "letterSpacing": "-0.025em"
   },
   "$description": "Public page h1 (integrations, manifesto, blog index) at md; 60px at lg."
  },
  "display-section": {
   "$type": "typography",
   "$value": {
    "fontFamily": "\"Cabinet Grotesk\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif",
    "fontSize": "30px",
    "fontWeight": 700,
    "lineHeight": "36px",
    "letterSpacing": "0"
   },
   "$description": "Marketing section headings (text-3xl font-bold)."
  },
  "crew-title": {
   "$type": "typography",
   "$value": {
    "fontFamily": "\"Cabinet Grotesk\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif",
    "fontSize": "24px",
    "fontWeight": 600,
    "lineHeight": "32px",
    "letterSpacing": "-0.025em"
   },
   "$description": "Crew OS page titles (text-2xl font-semibold tracking-tight)."
  },
  "crew-heading": {
   "$type": "typography",
   "$value": {
    "fontFamily": "\"Cabinet Grotesk\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif",
    "fontSize": "18px",
    "fontWeight": 600,
    "lineHeight": "28px",
    "letterSpacing": "0"
   },
   "$description": "Section and dialog titles (text-lg font-semibold)."
  },
  "crew-body-lg": {
   "$type": "typography",
   "$value": {
    "fontFamily": "\"Cabinet Grotesk\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif",
    "fontSize": "16px",
    "fontWeight": 400,
    "lineHeight": "24px",
    "letterSpacing": "0"
   },
   "$description": "Lead paragraphs and text fields below md (inputs render text-base on phones so iOS does not zoom)."
  },
  "crew-body": {
   "$type": "typography",
   "$value": {
    "fontFamily": "\"Cabinet Grotesk\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif",
    "fontSize": "14px",
    "fontWeight": 400,
    "lineHeight": "20px",
    "letterSpacing": "0"
   },
   "$description": "Default interface text: table cells, descriptions, buttons (text-sm)."
  },
  "crew-label": {
   "$type": "typography",
   "$value": {
    "fontFamily": "\"Cabinet Grotesk\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif",
    "fontSize": "14px",
    "fontWeight": 500,
    "lineHeight": 1,
    "letterSpacing": "0"
   },
   "$description": "Form labels and Button text (text-sm leading-none font-medium)."
  },
  "crew-caption": {
   "$type": "typography",
   "$value": {
    "fontFamily": "\"Cabinet Grotesk\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif",
    "fontSize": "12px",
    "fontWeight": 400,
    "lineHeight": "16px",
    "letterSpacing": "0"
   },
   "$description": "Meta lines, badges, table footers (text-xs)."
  },
  "crew-overline": {
   "$type": "typography",
   "$value": {
    "fontFamily": "\"Cabinet Grotesk\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif",
    "fontSize": "12px",
    "fontWeight": 600,
    "lineHeight": 1.5,
    "letterSpacing": "0.08em"
   },
   "$description": "Eyebrows above section titles and settings group titles; always set uppercase, in muted-foreground."
  },
  "max-title": {
   "$type": "typography",
   "$value": {
    "fontFamily": "Inter, -apple-system, \"Helvetica Neue\", Arial, sans-serif",
    "fontSize": "24px",
    "fontWeight": 700,
    "lineHeight": "32px",
    "letterSpacing": "-0.025em"
   },
   "$description": "Max page titles (text-2xl font-bold tracking-tight)."
  },
  "max-heading": {
   "$type": "typography",
   "$value": {
    "fontFamily": "Inter, -apple-system, \"Helvetica Neue\", Arial, sans-serif",
    "fontSize": "18px",
    "fontWeight": 600,
    "lineHeight": "28px",
    "letterSpacing": "0"
   },
   "$description": "Card, sheet and dialog titles (text-lg font-semibold)."
  },
  "max-body-lg": {
   "$type": "typography",
   "$value": {
    "fontFamily": "Inter, -apple-system, \"Helvetica Neue\", Arial, sans-serif",
    "fontSize": "16px",
    "fontWeight": 400,
    "lineHeight": "24px",
    "letterSpacing": "0"
   },
   "$description": "Chat messages and long-form reading; text fields below md."
  },
  "max-body": {
   "$type": "typography",
   "$value": {
    "fontFamily": "Inter, -apple-system, \"Helvetica Neue\", Arial, sans-serif",
    "fontSize": "14px",
    "fontWeight": 400,
    "lineHeight": "20px",
    "letterSpacing": "0"
   },
   "$description": "Default Max interface text (text-sm)."
  },
  "max-label": {
   "$type": "typography",
   "$value": {
    "fontFamily": "Inter, -apple-system, \"Helvetica Neue\", Arial, sans-serif",
    "fontSize": "14px",
    "fontWeight": 500,
    "lineHeight": 1,
    "letterSpacing": "0"
   },
   "$description": "Form labels and Button text."
  },
  "max-caption": {
   "$type": "typography",
   "$value": {
    "fontFamily": "Inter, -apple-system, \"Helvetica Neue\", Arial, sans-serif",
    "fontSize": "12px",
    "fontWeight": 400,
    "lineHeight": "16px",
    "letterSpacing": "0"
   },
   "$description": "The most used size in Max (text-xs): table meta, badges, timestamps, helper lines."
  },
  "max-overline": {
   "$type": "typography",
   "$value": {
    "fontFamily": "Inter, -apple-system, \"Helvetica Neue\", Arial, sans-serif",
    "fontSize": "12px",
    "fontWeight": 600,
    "lineHeight": 1.5,
    "letterSpacing": "0.08em"
   },
   "$description": "Settings group titles; uppercase, in muted-foreground."
  },
  "packet-title": {
   "$type": "typography",
   "$value": {
    "fontFamily": "\"Instrument Serif\", \"Iowan Old Style\", Georgia, serif",
    "fontSize": "72px",
    "fontWeight": 400,
    "lineHeight": 0.96,
    "letterSpacing": "-0.025em"
   },
   "$description": "Onboarding packet page titles (Instrument Serif, .page__title); 44px on phones."
  },
  "chat-empty-title": {
   "$type": "typography",
   "$value": {
    "fontFamily": "\"Instrument Serif\", \"Iowan Old Style\", Georgia, serif",
    "fontSize": "46px",
    "fontWeight": 400,
    "lineHeight": 1.02,
    "letterSpacing": "-0.02em"
   },
   "$description": "The Max chat empty state (.mx-empty__title), with a muted italic em; clamp(36px, 11vw, 46px) on phones."
  },
  "chat-message": {
   "$type": "typography",
   "$value": {
    "fontFamily": "Inter, -apple-system, \"Helvetica Neue\", Arial, sans-serif",
    "fontSize": "14.5px",
    "fontWeight": 400,
    "lineHeight": 1.68,
    "letterSpacing": "-0.005em"
   },
   "$description": "Max's messages (.mx-bubble), the composer text and onboarding bubbles: prose, no box."
  },
  "chat-meta": {
   "$type": "typography",
   "$value": {
    "fontFamily": "Inter, -apple-system, \"Helvetica Neue\", Arial, sans-serif",
    "fontSize": "11px",
    "fontWeight": 500,
    "lineHeight": 1.3,
    "letterSpacing": "0"
   },
   "$description": "Row meta, tool-call states and badges on agent surfaces, in mx-ink-3."
  },
  "mono-eyebrow": {
   "$type": "typography",
   "$value": {
    "fontFamily": "ui-monospace, SFMono-Regular, Menlo, Consolas, monospace",
    "fontSize": "10.5px",
    "fontWeight": 500,
    "lineHeight": 1,
    "letterSpacing": "0.14em"
   },
   "$description": "Onboarding packet eyebrows and field labels (.eyebrow, .field-label); uppercase, in the dimmest readable ink."
  },
  "code-inline": {
   "$type": "typography",
   "$value": {
    "fontFamily": "ui-monospace, SFMono-Regular, Menlo, Consolas, monospace",
    "fontSize": "13.6px",
    "fontWeight": 400,
    "letterSpacing": "0"
   },
   "$description": "Inline code in editors and docs (0.85rem) on a muted chip, radius 0.4rem."
  },
  "code-block": {
   "$type": "typography",
   "$value": {
    "fontFamily": "ui-monospace, SFMono-Regular, Menlo, Consolas, monospace",
    "fontSize": "12.8px",
    "fontWeight": 400,
    "letterSpacing": "0"
   },
   "$description": "Code blocks (0.8rem) on muted with a border hairline, radius 0.5rem."
  }
 }
}