/* One visual language across marketing, accounts, and workspaces. */
:root {
  --paper: #f8f7f4;
  --surface: #fff;
  --ink: #242520;
  --mk-muted: #65675f;
  --line: #d6d8cf;
  --blue: #deedf0;
  --sage: #e5ebda;
  --butter: #f4eccd;
  --mk-accent: #29646b;
  --soft: #efeee8;
  --shadow: 0 20px 55px #272c2610;
  --radius: 8px;
  color-scheme: light;
}
:root.dark {
  --paper: #0a0a0a;
  --surface: #141414;
  --ink: #f5f5f5;
  --mk-muted: #adadad;
  --line: #383838;
  --blue: #191919;
  --sage: #202020;
  --butter: #242424;
  --mk-accent: #d9d9d9;
  --soft: #1e1e1e;
  --shadow: 0 20px 55px #0003;
  color-scheme: dark;
}
:root {
  --background: 45 22% 96%;
  --foreground: 72 7% 14%;
  --card: 0 0% 100%;
  --card-foreground: 72 7% 14%;
  --popover: 0 0% 100%;
  --popover-foreground: 72 7% 14%;
  --primary: 72 7% 14%;
  --primary-foreground: 45 22% 96%;
  --secondary: 51 18% 92%;
  --secondary-foreground: 72 7% 14%;
  --muted: 51 18% 92%;
  --muted-foreground: 75 4% 40%;
  --accent: 186 45% 29%;
  --accent-foreground: 45 22% 96%;
  --accent-purple: 186 30% 85%;
  --accent-purple-light: 186 30% 94%;
  --border: 73 10% 83%;
  --input: 80 5% 52%;
  --ring: 186 45% 29%;
  --text-primary: var(--ink);
  --text-secondary: var(--mk-muted);
  --text-muted: var(--mk-muted);
  --gradient-hero: none;
  --gradient-purple: none;
  --gradient-section-1: none;
  --gradient-section-2: none;
  --gradient-section-3: none;
  --gradient-section-4: none;
  --gradient-section-5: none;
  --gradient-section-6: none;
  --shadow-sm: none;
  --shadow-md: none;
  --shadow-card: none;
  --shadow-float: var(--shadow);
}
:root.dark {
  --background: 0 0% 4%;
  --foreground: 0 0% 96%;
  --card: 0 0% 8%;
  --card-foreground: 0 0% 96%;
  --popover: 0 0% 8%;
  --popover-foreground: 0 0% 96%;
  --primary: 0 0% 96%;
  --primary-foreground: 0 0% 4%;
  --secondary: 0 0% 12%;
  --secondary-foreground: 0 0% 96%;
  --muted: 0 0% 12%;
  --muted-foreground: 0 0% 68%;
  --accent: 0 0% 85%;
  --accent-foreground: 0 0% 4%;
  --accent-purple: 0 0% 14%;
  --accent-purple-light: 0 0% 10%;
  --border: 0 0% 22%;
  --input: 0 0% 50%;
  --ring: 0 0% 85%;
}