/* ==========================================================
   XTC Design Tokens — single source of truth
   Professional services / trust-first UI
   ========================================================== */

:root {
  /* Typography */
  --xtc-font-sans: "Inter", "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;

  /* Spacing */
  --xtc-space-1: 8px;
  --xtc-space-2: 12px;
  --xtc-space-3: 16px;
  --xtc-space-4: 20px;
  --xtc-space-5: 24px;
  --xtc-space-6: 32px;
  --xtc-space-7: 40px;
  --xtc-space-8: 52px;

  /* Layout */
  --xtc-container-sm: 760px;
  --xtc-container-md: 880px;
  --xtc-container-lg: 1040px;
  --xtc-container-wide: 1140px;
  --xtc-container-gutter: clamp(16px, 2vw, 24px);
  --xtc-section-space: clamp(36px, 4.4vw, 56px);
  --xtc-section-space-tight: clamp(28px, 3.4vw, 42px);
  --xtc-flow-space: 16px;
  --xtc-flow-space-lg: 24px;
  --xtc-header-height: 72px;
  --xtc-header-offset: clamp(12px, 1.8vw, 20px);
  --xtc-page-top-space: clamp(18px, 3vw, 32px);
  --xtc-fs-h1: clamp(2rem, 3.2vw, 2.7rem);
  --xtc-fs-h2: clamp(1.45rem, 2.2vw, 1.95rem);
  --xtc-fs-h3: clamp(1.08rem, 1.45vw, 1.24rem);

  /* Text */
  --xtc-ink: #1f2937;
  --xtc-ink-strong: #111827;
  --xtc-ink-soft: #3b4652;
  --xtc-ink-faint: #596270;
  --xtc-muted: #505a67;

  /* Surfaces */
  --xtc-page-bg: #dcd0be;
  --xtc-surface: #ffffff;
  --xtc-surface-soft: #ede1d1;
  --xtc-card: #ffffff;
  --xtc-soft: #f0e4d6;
  --xtc-surface-1: #fbf7f0;
  --xtc-surface-2: #f3e8dc;
  --xtc-surface-3: #e8dbcb;

  /* Lines / borders */
  --xtc-line: #d8cebf;
  --xtc-border: #d8cebf;
  --xtc-border-soft: rgba(20, 18, 14, 0.12);

  /* Accent */
  --xtc-accent: #295c45;
  --xtc-accent-2: #295c45;
  --xtc-accent-3: #1e4635;
  --xtc-accent-calm: #295c45;
  --xtc-accent-soft: #f1ece2;

  /* Neutral dark */
  --xtc-black: #161616;

  /* Elevation */
  --xtc-shadow: 0 5px 16px rgba(20, 18, 14, 0.08);
  --xtc-shadow-soft: 0 4px 12px rgba(20, 18, 14, 0.08);
  --xtc-shadow-md: 0 9px 24px rgba(20, 18, 14, 0.10);
  --xtc-shadow-lg: 0 10px 28px rgba(20, 18, 14, 0.12);

  /* Radius */
  --xtc-radius-sm: 8px;
  --xtc-radius: 12px;
  --xtc-radius-lg: 16px;
  --xtc-radius-xl: 20px;

  /* Fixed UI layers */
  --xtc-z-progress: 1200;
  --xtc-z-cookie: 1150;
  --xtc-z-popup: 1100;
  --xtc-z-header: 1050;
  --xtc-z-float-cta: 1020;
  --xtc-z-back-top: 1010;
  --xtc-z-mobile-bar: 1000;
  
}