/* Clozr marketing foundations, informed by Warmbly. See docs/marketing-design-system.md.
 * Opt in with class="cm". RGB channel convention matches the existing cz-* system.
 * This file deliberately does not redefine operational-app tokens. */
/* Inter v4.1 by Rasmus Andersson, self-hosted under the SIL Open Font License 1.1
 * (assets/fonts/LICENSE-INTER-OFL.txt). One variable file carries both faces: its optical-size axis
 * runs 14-32, so 'Inter' pins opsz 14 for text and 'Inter Display' pins opsz 32 for titles. Body copy
 * sets font-optical-sizing: auto and lets the axis track the font size; headings set it to none so a
 * small card title still gets the display cut. Italic is synthesised (no italic file is shipped). */
@font-face { font-family: 'Inter'; src: url('../fonts/InterVariable.woff2') format('woff2'); font-weight: 100 900; font-style: normal; font-display: swap; font-variation-settings: 'opsz' 14; }
@font-face { font-family: 'Inter Display'; src: url('../fonts/InterVariable.woff2') format('woff2'); font-weight: 100 900; font-style: normal; font-display: swap; font-variation-settings: 'opsz' 32; }

.cm {
  --cm-white: 255 255 255;
  --cm-slate-50: 245 248 252;
  --cm-slate-100: 230 237 246;
  --cm-slate-200: 226 232 240;
  --cm-slate-300: 203 213 225;
  --cm-slate-500: 100 116 139;
  --cm-slate-700: 51 65 85;
  --cm-slate-900: 15 23 42;
  --cm-sky-100: 224 242 254;
  --cm-sky-300: 125 211 252;
  --cm-sky-400: 56 189 248;
  --cm-sky-500: 14 165 233;
  --cm-sky-600: 2 132 199;
  --cm-sky-700: 3 105 161;
  --cm-sky-800: 7 89 133;
  --cm-sky-900: 12 74 110;

  --cm-paper: var(--cm-white);
  --cm-surface: var(--cm-white);
  --cm-surface-soft: var(--cm-slate-50);
  --cm-surface-inset: var(--cm-slate-100);
  --cm-ink: var(--cm-slate-900);
  --cm-ink-secondary: var(--cm-slate-700);
  --cm-ink-muted: var(--cm-slate-500);
  --cm-line: var(--cm-slate-200);
  --cm-line-strong: var(--cm-slate-300);
  --cm-brand: var(--cm-sky-600);
  --cm-link: var(--cm-sky-700); /* Darker than reference brand for small text. */
  --cm-brand-soft: var(--cm-sky-100);
  --cm-focus: var(--cm-sky-700);
  --cm-success: 21 128 61;
  --cm-success-soft: 240 253 244;
  --cm-warning: 146 64 14;
  --cm-warning-soft: 255 251 235;
  --cm-danger: 185 28 28;
  --cm-danger-soft: 254 242 242;

  --cm-font: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --cm-font-display: 'Inter Display', 'Inter Display Placeholder', 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --cm-word-display: normal;
  --cm-font-mono: ui-monospace, 'SF Mono', Menlo, monospace;
  --cm-type-label: .6875rem;
  --cm-type-small: .8125rem;
  --cm-type-ui: .875rem;
  --cm-type-body: 1rem;
  --cm-type-lead: clamp(1.0625rem, 1.5vw, 1.25rem);
  --cm-type-title: 1.25rem;
  --cm-type-section: clamp(1.75rem, 3.2vw, 2.5rem);
  --cm-type-display: clamp(2.75rem, 6.6vw, 5.25rem);
  --cm-leading-body: 1.6;
  --cm-leading-heading: 1.07;
  --cm-leading-display: .98;
  --cm-tracking-heading: -.025em;
  --cm-tracking-display: -.04em;
  --cm-tracking-label: .14em;

  --cm-space-1: .25rem;
  --cm-space-2: .5rem;
  --cm-space-3: .75rem;
  --cm-space-4: 1rem;
  --cm-space-5: 1.25rem;
  --cm-space-6: 1.5rem;
  --cm-space-8: 2rem;
  --cm-space-10: 2.5rem;
  --cm-space-12: 3rem;
  --cm-space-16: 4rem;
  --cm-space-24: 6rem;
  --cm-container: 90rem;
  --cm-measure: 42rem;
  --cm-gutter: clamp(1.25rem, 3vw, 2.5rem);
  --cm-section-space: clamp(4rem, 7vw, 6rem);
  --cm-header-height: 4rem;
  --cm-control-height: 2.75rem;
  --cm-control-large: 3rem;
  --cm-radius-control: .625rem;
  --cm-radius-card: .875rem;
  --cm-radius-frame: 1.75rem;
  --cm-radius-pill: 999px;
  --cm-shadow-small: 0 4px 14px -4px rgb(15 23 42 / .06), 0 0 0 1px rgb(15 23 42 / .05);
  --cm-shadow-frame: 0 32px 70px -12px rgb(2 132 199 / .2), 0 18px 36px -16px rgb(15 23 42 / .18);
  --cm-shadow-menu: 0 40px 90px -30px rgb(2 32 71 / .3), 0 12px 36px -10px rgb(15 23 42 / .08);

  --cm-ease-out: cubic-bezier(.22, 1, .36, 1);
  --cm-ease-standard: cubic-bezier(.4, 0, .2, 1);
  --cm-time-hover: 140ms;
  --cm-time-panel: 200ms;
  --cm-time-fade: 220ms;
  --cm-time-card: 280ms;
  --cm-time-accordion: 300ms;
  --cm-time-mobile: 320ms;
  --cm-time-chart: 1600ms;
  --cm-stagger-start: 40ms;
  --cm-stagger-step: 32ms;
  --cm-time-sky: 30s;
  --cm-time-light: 22s;
  --cm-z-header: 30;
  --cm-z-menu: 40;
  --cm-z-mobile: 60;
  color-scheme: light;
}