/* Hallmark · pre-emit critique: P5 H5 E4 S5 R5 V5 · macrostructure: Narrative Workflow · theme: Cobalt adapted to SolveNook · genre: modern-minimal · tone: friendly editorial · anchor: teal-cobalt · enrichment: none · nav: N1b · footer: Ft1 · contrast: pass (40–41) · slop: pass (42–45) · honest: pass (46) · chrome: pass (47) · tokens: pass (48) · responsive: pass (49) · icons: pass (30) · mobile: pass (34, 49, 50–57) */
:root {
  --platform-paper: oklch(98.5% 0.006 245);
  --platform-paper-raised: oklch(99.2% 0.004 245);
  --platform-paper-muted: oklch(96.4% 0.012 245);
  --platform-paper-accent: oklch(95.8% 0.035 195);
  --platform-ink: oklch(24% 0.04 258);
  --platform-ink-soft: oklch(39% 0.032 258);
  --platform-muted: oklch(47% 0.027 258);
  --platform-rule: oklch(88.5% 0.018 245);
  --platform-rule-strong: oklch(73% 0.035 238);
  --platform-accent: oklch(48% 0.12 197);
  --platform-accent-hover: oklch(43% 0.11 197);
  --platform-accent-ink: oklch(98.5% 0.006 245);
  --platform-focus: oklch(49% 0.2 262);
  --platform-dark: oklch(23% 0.04 258);
  --platform-dark-raised: oklch(28% 0.045 255);
  --platform-dark-text: oklch(97% 0.008 245);
  --platform-dark-muted: oklch(79% 0.025 245);
  --platform-dark-rule: oklch(43% 0.035 252);
  --platform-compare-paper: oklch(97.2% 0.022 238);
  --platform-compare-fiverr-surface: oklch(96.5% 0.042 178);
  --platform-compare-fiverr-mark: oklch(78% 0.11 178);
  --platform-compare-upwork-surface: oklch(96.5% 0.045 137);
  --platform-compare-upwork-mark: oklch(80% 0.11 137);
  --platform-compare-freelancer-surface: oklch(96.2% 0.04 238);
  --platform-compare-freelancer-mark: oklch(78% 0.11 238);
  --platform-compare-peopleperhour-surface: oklch(96.4% 0.046 58);
  --platform-compare-peopleperhour-mark: oklch(82% 0.11 72);
  --platform-compare-contra-surface: oklch(96.2% 0.04 305);
  --platform-compare-contra-mark: oklch(79% 0.1 305);
  --platform-shadow-soft: 0 1rem 2.75rem oklch(24% 0.04 258 / 0.08);
  --platform-shadow-focus: 0 0 0 2px var(--platform-paper), 0 0 0 5px var(--platform-focus);
  --platform-font-display: "Space Grotesk", Inter, ui-sans-serif, system-ui, sans-serif;
  --platform-font-body: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --platform-font-label: var(--platform-font-body);
  --platform-radius-control: 0.5rem;
  --platform-radius-comparison: 0.75rem;
  --platform-radius-panel: 1rem;
  --platform-radius-large: 1.5rem;
  --platform-space-3xs: 0.25rem;
  --platform-space-2xs: 0.5rem;
  --platform-space-xs: 0.75rem;
  --platform-space-sm: 1rem;
  --platform-space-md: 1.25rem;
  --platform-space-lg: 1.5rem;
  --platform-space-xl: 1.75rem;
  --platform-space-2xl: 2rem;
  --platform-space-3xl: 2.5rem;
  --platform-space-4xl: 3rem;
  --platform-space-5xl: 4rem;
  --platform-space-6xl: 5rem;
  --platform-space-7xl: 6rem;
  --platform-space-8xl: 7rem;
  --platform-space-9xl: 8rem;
  --platform-shell-narrow: 50rem;
  --platform-dur-press: 100ms;
  --platform-dur-hover: 180ms;
  --platform-ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --platform-ease-in: cubic-bezier(0.7, 0, 0.84, 0);
}

@font-face {
  font-family: "SolveNook Hum Fallback";
  src: local("Arial");
  size-adjust: 105%;
  ascent-override: 96%;
  descent-override: 25%;
  line-gap-override: 0%;
}

:root {
  --brief-paper: oklch(98.2% 0.012 88);
  --brief-paper-raised: oklch(99.2% 0.008 88);
  --brief-paper-soft: oklch(95.6% 0.02 88);
  --brief-paper-cyan: oklch(95.6% 0.04 192);
  --brief-paper-warm: oklch(96.4% 0.055 78);
  --brief-ink: oklch(22% 0.045 258);
  --brief-ink-soft: oklch(37% 0.035 258);
  --brief-muted: oklch(45% 0.028 258);
  --brief-rule: oklch(84% 0.025 228);
  --brief-rule-strong: oklch(68% 0.05 208);
  --brief-accent: oklch(45% 0.13 185);
  --brief-accent-hover: oklch(39% 0.115 185);
  --brief-accent-ink: oklch(98.5% 0.008 88);
  --brief-secondary: oklch(67% 0.17 45);
  --brief-secondary-soft: oklch(94.5% 0.045 45);
  --brief-secondary-ink: oklch(23% 0.045 45);
  --brief-partner: oklch(24% 0.05 258);
  --brief-partner-raised: oklch(29% 0.055 252);
  --brief-partner-ink: oklch(97.5% 0.012 88);
  --brief-partner-muted: oklch(82% 0.025 88);
  --brief-success: oklch(48% 0.13 148);
  --brief-success-soft: oklch(95% 0.04 148);
  --brief-error: oklch(50% 0.19 27);
  --brief-error-soft: oklch(96% 0.035 27);
  --brief-focus: oklch(39% 0.17 258);
  --brief-disabled: oklch(91% 0.012 228);
  --brief-transparent: transparent;
  --brief-shadow: 0 1.2rem 3.2rem oklch(22% 0.045 258 / 0.09);
  --brief-shadow-small: 0 0.35rem 1rem oklch(22% 0.045 258 / 0.08);
  --brief-font: "Plus Jakarta Sans", "SolveNook Hum Fallback", ui-sans-serif, system-ui, sans-serif;
  --brief-radius-control: 0.75rem;
  --brief-radius-small: 1rem;
  --brief-radius-panel: 1.5rem;
  --brief-radius-large: 2.25rem;
  --brief-space-3xs: 0.25rem;
  --brief-space-2xs: 0.5rem;
  --brief-space-xs: 0.75rem;
  --brief-space-sm: 1rem;
  --brief-space-md: 1.25rem;
  --brief-space-lg: 1.5rem;
  --brief-space-xl: 2rem;
  --brief-space-2xl: 2.5rem;
  --brief-space-3xl: 4rem;
  --brief-space-4xl: 6rem;
  --brief-dur-press: 100ms;
  --brief-dur-hover: 180ms;
  --brief-dur-success: 420ms;
  --brief-ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --brief-ease-in: cubic-bezier(0.7, 0, 0.84, 0);
  --brief-ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --brief-z-sticky: 200;
}

:root {
  --budget-paper: oklch(98.5% 0.007 246);
  --budget-paper-raised: oklch(99.2% 0.005 246);
  --budget-paper-soft: oklch(96.2% 0.018 246);
  --budget-paper-cool: oklch(95.5% 0.035 215);
  --budget-paper-warm: oklch(96.5% 0.045 82);
  --budget-ink: oklch(22% 0.045 258);
  --budget-ink-soft: oklch(36% 0.035 258);
  --budget-muted: oklch(45% 0.028 258);
  --budget-rule: oklch(85% 0.025 238);
  --budget-rule-strong: oklch(65% 0.055 222);
  --budget-accent: oklch(45% 0.13 190);
  --budget-accent-hover: oklch(39% 0.12 190);
  --budget-accent-ink: oklch(98.5% 0.008 246);
  --budget-signal: oklch(50% 0.18 255);
  --budget-signal-soft: oklch(95% 0.045 255);
  --budget-focus: oklch(40% 0.18 258);
  --budget-success: oklch(43% 0.13 148);
  --budget-success-soft: oklch(95% 0.04 148);
  --budget-warning: oklch(49% 0.18 29);
  --budget-warning-soft: oklch(96% 0.04 29);
  --budget-disabled: oklch(90% 0.012 238);
  --budget-graphite: oklch(23% 0.04 258);
  --budget-graphite-raised: oklch(28% 0.045 255);
  --budget-graphite-text: oklch(97% 0.008 246);
  --budget-graphite-muted: oklch(80% 0.024 246);
  --budget-transparent: transparent;
  --budget-shadow: 0 1.2rem 3rem oklch(22% 0.045 258 / 0.08);
  --budget-font-display: "Space Grotesk", Inter, ui-sans-serif, system-ui, sans-serif;
  --budget-font-body: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --budget-radius-control: 0.5rem;
  --budget-radius-small: 0.75rem;
  --budget-radius-panel: 1.25rem;
  --budget-radius-large: 2rem;
  --budget-radius-pill: 999px;
  --budget-space-3xs: 0.25rem;
  --budget-space-2xs: 0.5rem;
  --budget-space-xs: 0.75rem;
  --budget-space-sm: 1rem;
  --budget-space-md: 1.25rem;
  --budget-space-lg: 1.5rem;
  --budget-space-xl: 2rem;
  --budget-space-2xl: 2.5rem;
  --budget-space-3xl: 4rem;
  --budget-space-4xl: 6rem;
  --budget-space-5xl: 8rem;
  --budget-text-small: 0.875rem;
  --budget-text-base: 1rem;
  --budget-text-md: 1.25rem;
  --budget-text-lg: 1.5625rem;
  --budget-text-xl: 1.953rem;
  --budget-text-2xl: 2.441rem;
  --budget-text-display: clamp(2.75rem, 5vw + 1rem, 5.25rem);
  --budget-rule-width: 1px;
  --budget-dur-press: 100ms;
  --budget-dur-hover: 180ms;
  --budget-dur-result: 300ms;
  --budget-ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --budget-ease-in: cubic-bezier(0.7, 0, 0.84, 0);
  --budget-ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --budget-z-sticky: 200;
}

:root {
  --hire-paper: oklch(98.2% 0.012 85);
  --hire-paper-raised: oklch(96.2% 0.018 85);
  --hire-paper-warm: oklch(94.5% 0.035 78);
  --hire-paper-teal: oklch(95.5% 0.028 180);
  --hire-ink: oklch(21% 0.03 258);
  --hire-ink-soft: oklch(34% 0.028 258);
  --hire-muted: oklch(43% 0.024 258);
  --hire-rule: oklch(80% 0.03 82);
  --hire-rule-strong: oklch(64% 0.04 78);
  --hire-accent: oklch(43% 0.12 190);
  --hire-accent-hover: oklch(36% 0.11 190);
  --hire-accent-ink: oklch(98.2% 0.012 85);
  --hire-ochre: oklch(48% 0.12 65);
  --hire-focus: oklch(38% 0.16 258);
  --hire-focus-dark: oklch(97% 0.012 85);
  --hire-success: oklch(39% 0.11 150);
  --hire-success-soft: oklch(94% 0.04 150);
  --hire-warning: oklch(45% 0.16 29);
  --hire-warning-soft: oklch(95% 0.04 29);
  --hire-disabled: oklch(89% 0.015 82);
  --hire-dark: oklch(22% 0.04 258);
  --hire-dark-raised: oklch(27% 0.045 258);
  --hire-dark-text: oklch(97% 0.012 85);
  --hire-dark-muted: oklch(80% 0.025 85);
  --hire-transparent: transparent;
  --hire-font-editorial: "Newsreader", Georgia, ui-serif, serif;
  --hire-font-ui: Inter, ui-sans-serif, system-ui, sans-serif;
  --hire-radius-control: 0.25rem;
  --hire-radius-panel: 0.5rem;
  --hire-space-3xs: 0.25rem;
  --hire-space-2xs: 0.5rem;
  --hire-space-xs: 0.75rem;
  --hire-space-sm: 1rem;
  --hire-space-md: 1.25rem;
  --hire-space-lg: 1.5rem;
  --hire-space-xl: 2rem;
  --hire-space-2xl: 2.5rem;
  --hire-space-3xl: 4rem;
  --hire-space-4xl: 6rem;
  --hire-space-5xl: 8rem;
  --hire-text-small: 0.875rem;
  --hire-text-base: 1rem;
  --hire-text-md: 1.25rem;
  --hire-text-lg: 1.5625rem;
  --hire-text-xl: 1.953rem;
  --hire-text-2xl: 2.441rem;
  --hire-text-display: clamp(2.75rem, 5vw + 1rem, 5.25rem);
  --hire-rule-width: 1px;
  --hire-dur-instant: 0ms;
  --hire-dur-feedback: 120ms;
  --hire-ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --hire-ease-in: cubic-bezier(0.7, 0, 0.84, 0);
  --hire-ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --hire-z-sticky: 200;
}