/* Arevo design tokens — extracted from the product's design system
 * (frontend-app/src/shared/design/styles/tokens.css, the `:root` block).
 *
 * This is the build-less subset: just the raw `--ds-*` custom properties.
 * The Tailwind `@theme` mapping that the app uses is intentionally omitted —
 * the marketing site consumes the variables directly via `var(--ds-*)`.
 *
 * Keep in sync with the product. Default preset: warm-cream (light). */

:root {
  --ds-font-sans: "Söhne", "Inter", ui-sans-serif, system-ui, sans-serif;
  --ds-font-serif: "Tiempos Text", Charter, Georgia, serif;
  --ds-font-display: "Söhne Breit", "Söhne", "Inter", sans-serif;
  --ds-font-mono: "Söhne Mono", "JetBrains Mono", ui-monospace, monospace;
  --ds-font-size-xs: 10px;
  --ds-font-size-sm: 11.5px;
  --ds-font-size-body: 13px;
  --ds-font-size-ui: 14.5px;
  --ds-font-size-copy: 16px;
  --ds-font-size-title: 22px;
  --ds-font-size-panel-title: 18px;
  --ds-font-size-hero: 32px;
  --ds-font-size-display: 42px;
  --ds-font-weight-regular: 400;
  --ds-font-weight-medium: 500;
  --ds-font-weight-semibold: 600;
  --ds-line-height-none: 1;
  --ds-line-height-tight: 1.08;
  --ds-line-height-ui: 1.35;
  --ds-line-height-body: 1.45;
  --ds-line-height-copy: 1.65;
  --ds-letter-spacing-none: 0;
  --ds-letter-spacing-tight: -0.03em;
  --ds-letter-spacing-display: -0.05em;
  --ds-letter-spacing-caps: 0.08em;
  --ds-letter-spacing-caps-wide: 0.12em;
  --ds-letter-spacing-caps-spaced: 0.18em;
  --ds-letter-spacing-caps-loose: 0.22em;

  --ds-space-0: 0px;
  --ds-space-1: 4px;
  --ds-space-2: 8px;
  --ds-space-3: 12px;
  --ds-space-4: 16px;
  --ds-space-5: 20px;
  --ds-space-6: 24px;
  --ds-space-7: 28px;
  --ds-space-8: 32px;
  --ds-space-10: 40px;
  --ds-space-12: 48px;

  --ds-radius-none: 0px;
  --ds-radius-xs: 3px;
  --ds-radius-sm: 4px;
  --ds-radius-md: 6px;
  --ds-radius-lg: 8px;
  --ds-radius-panel: 3px;
  --ds-radius-pill: 999px;

  --ds-duration-fast: 120ms;
  --ds-duration-base: 160ms;
  --ds-duration-slow: 220ms;
  --ds-ease-standard: cubic-bezier(0.2, 0, 0, 1);
  --ds-ease-enter: cubic-bezier(0, 0, 0.2, 1);
  --ds-ease-exit: cubic-bezier(0.4, 0, 1, 1);

  --ds-bg-canvas: #faf7f2;
  --ds-bg-muted: #f1ede4;
  --ds-bg-rail: #f1ede4;
  --ds-bg-surface: #fdfbf9;
  --ds-bg-elevated: #fdfbf9;
  --ds-bg-artifact: color-mix(in srgb, #fdfbf9 96%, white 4%);
  --ds-text-primary: #1a1714;
  --ds-text-strong: color-mix(in srgb, #1a1714 82%, transparent);
  --ds-text-secondary: #5c564c;
  --ds-text-tertiary: #a39e97;
  --ds-text-muted: #cbc7c0;
  --ds-text-eyebrow: #6c655a;
  --ds-border-default: #d6d2c9;
  --ds-border-muted: #e5e1d8;
  --ds-border-subtle: #e5e1d8;
  --ds-accent-primary: #b24b1a;
  --ds-accent-secondary: #8a3712;
  --ds-accent-bg: #f4e4d6;
  --ds-accent-soft: #e4c3b1;
  --ds-nav-active: color-mix(in srgb, var(--ds-text-secondary) 60%, var(--ds-border-default));
  --ds-briefing-accent: var(--ds-accent-primary);
  --ds-state-success: #4b725d;
  --ds-state-success-bg: #e1ece5;
  --ds-state-success-strong: #2d5640;
  --ds-state-warning: #8d6a21;
  --ds-state-warning-bg: #ece3d0;
  --ds-state-warning-strong: #59410f;
  --ds-state-error: #9a4b33;
  --ds-state-error-bg: #f0dfdd;
  --ds-state-error-strong: #6e2a18;
  --ds-state-info: #8d6a21;
  --ds-state-info-bg: #ece3d0;
  --ds-state-info-strong: #59410f;
  --ds-overlay: rgba(26, 23, 20, 0.26);
  --ds-shadow-color: rgba(26, 23, 20, 0.28);

  --ds-shadow-none: none;
  --ds-shadow-hairline: inset 0 1px 0 color-mix(in srgb, white 44%, transparent), 0 1px 0 color-mix(in srgb, var(--ds-shadow-color) 8%, transparent);
  --ds-shadow-raised: 0 14px 30px -24px var(--ds-shadow-color);
  --ds-shadow-overlay: 0 18px 40px -18px var(--ds-shadow-color);
  --ds-shadow-inset-highlight: inset 0 1px 0 color-mix(in srgb, white 55%, transparent);
}