/* ============================================================
   00-settings.css
   :root custom properties — colors, fonts, spacing, layout
   Phase 1: skeleton only. Phase 2: replace hardcoded values
   with var() references file-by-file.
   ============================================================ */

:root {
  /* Brand Colors */
  --color-primary: #4c8a9c;
  --color-text: #231f20;
  --color-text-light: #737373;
  --color-white: #fff;
  --color-bg: #fafafa;
  --color-border: #798570;

  /* Fonts */
  --font-body: "GothamSSm", sans-serif;
  --font-heading: "GothamSSm", sans-serif;
  --font-nav: "GothamSSm", sans-serif;

  /* Spacing */
  --spacing-xs: 5px;
  --spacing-sm: 10px;
  --spacing-md: 20px;
  --spacing-lg: 40px;
  --spacing-xl: 80px;

  /* Layout */
  --row-max: 1375px;
  --row-narrow: 1150px;

  /* Transitions */
  --transition-fast: 0.3s ease;
  --transition-med: 0.5s ease;
}