/* Chamfer — marketing site design tokens
   Ported from the app's src/theme/tokens.ts (the brand source of truth).
   Brand direction: "Steady" — warm, friendly, trustworthy. */

:root {
  /* Warm neutrals: surfaces */
  --bg: #faf6f0;
  --surface: #ffffff;
  --surface-alt: #f2ece2;
  --surface-hover: #eae2d5;
  --border: #e6ddcf;
  --border-strong: #d8ccba;

  /* Warm neutrals: text */
  --text: #221e1a;
  --text-muted: #786f66;
  --text-subtle: #8a8178;
  --text-inverse: #fbf7f1;

  /* Brand: workshop green (primary) */
  --green-50: #eaf1ed;
  --green-100: #d4e4db;
  --green-500: #2e6a4e;
  --green-600: #245540;
  --green-700: #1c4231;
  --primary: var(--green-500);
  --primary-strong: var(--green-600);
  --on-primary: #fbf7f1;

  /* Accent: clay (never used for danger — red is reserved for safety) */
  --clay-50: #fbefe4;
  --clay-500: #e0884b;
  --clay-600: #c56f36;
  --accent: var(--clay-500);
  --accent-strong: var(--clay-600);
  --accent-ink: #b05e2a;
  --on-accent: #2a1b0e;

  /* Semantic: safety-first product */
  --danger: #c0432b;
  --danger-soft: #f8e7e1;
  --danger-border: #ecc9bd;
  --warning: #c2882f;
  --warning-soft: #f8edd9;
  --success: #2e7d52;
  --success-soft: #e6f1ea;
  --success-border: #c3e0cf;

  /* Type */
  --font-display: "Fraunces", Georgia, serif;
  --font-sans: "Inter", -apple-system, "Segoe UI", sans-serif;

  /* Radius — soft/friendly */
  --radius-sm: 8px;
  --radius-md: 14px;
  --radius-lg: 22px;
  --radius-full: 999px;

  /* Warm-tinted shadows (slightly brown, not pure black) */
  --shadow-sm: 0 1px 2px rgba(60, 45, 30, 0.08);
  --shadow-md: 0 6px 16px rgba(60, 45, 30, 0.1);
  --shadow-lg: 0 14px 36px rgba(60, 45, 30, 0.14);
}