/* Dictionary of Truth (DoT) Tokens
   Homepage is canonical.
   Do not add raw values in component files. Add tokens here first.
*/
:root {
  /* Colors */
  --c-bg: #ffffff;
  --c-surface: #ffffff;
  --c-text: #333333;
  --c-muted: #666666;
  --c-border: #e2e2e2;
  --c-primary: #898989;
  --c-primary-contrast: #ffffff;
  --c-secondary: #4c4c4c;
  --c-secondary-contrast: #ffffff;
  --c-link: #1e1e1e;

  /* Typography (homepage-derived Divi globals) */
  --font-body: "Abhaya Libre", Georgia, "Times New Roman", serif;
  --font-heading: "Abhaya Libre", Georgia, "Times New Roman", serif;
  --fw-body: 400;
  --fw-heading: 400;
  --lh-body: 1.7;
  --lh-heading: 1.2;

  --fs-100: 0.75rem;
  --fs-200: 0.875rem;
  --fs-300: 1rem;
  --fs-400: 1.125rem;
  --fs-500: 1.375rem;
  --fs-600: 1.625rem;
  --fs-700: 1.875rem;
  --fs-800: 2.625rem;
  --fs-900: 4.6875rem;

  --h1: 4.6875rem;
  --h2: 2rem;
  --h3: 1.625rem;
  --h4: 1.375rem;
  --h5: 1.125rem;
  --h6: 1rem;

  /* Spacing rhythm */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 2.5rem;
  --space-8: 3rem;
  --space-9: 3.5rem;
  --space-10: 4rem;
  --space-11: 4.5rem;
  --space-12: 5rem;

  --section-pad-y: 3.5rem;
  --section-pad-x: 0;
  --container-max: 1280px;
  --container-width: 80%;
  --gutter: 5.5%;

  /* Radius / borders / shadows */
  --radius-sm: 0;
  --radius-md: 3px;
  --radius-lg: 6px;
  --radius-xl: 10px;
  --border-1: 1px solid var(--c-border);
  --border-2: 2px solid var(--c-border);
  --shadow-1: 0 0 0 rgba(0,0,0,0);
  --shadow-2: 0 8px 20px rgba(0,0,0,0.06);
  --shadow-3: 0 10px 24px rgba(0,0,0,0.08);

  /* Motion */
  --dur-1: 0.2s;
  --dur-2: 0.32s;
  --dur-3: 0.42s;
  --ease-standard: ease;
  --ease-emphasized: cubic-bezier(0.2, 0.8, 0.2, 1);

  /* Layers */
  --z-header: 1000;
  --z-dropdown: 1100;
  --z-modal: 2000;
}