/* ============================================================
   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: #eff6fa;   /* was #d1e0ef; originally #4c8a9c */
  --color-text: #231f20;
  --color-text-light: #737373;
  --color-white: #fff;
  --color-bg: #fafafa;
  --color-border: #798570;

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

 /* Spacing — fluid, viewport-width-based, clamped to sane bounds.
     Formula matches the fluid-type pattern: scales between 576px and 1440px viewport.
     Use logical properties (padding-block, margin-inline) when applying. */
  --spacing-xs:  clamp(4px,  0.56vw, 8px);
  --spacing-sm:  clamp(8px,  1.11vw, 16px);
  --spacing-md:  clamp(16px, 1.94vw, 28px);
  --spacing-lg:  clamp(24px, 3.89vw, 56px);
  --spacing-xl:  clamp(48px, 6.67vw, 96px);
  --spacing-2xl: clamp(72px, 10vw, 144px);

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

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

  /* Type scale — Perfect Fourth (1.333), anchored H1=56px desktop.
     Even step-downs: 56 / 42 / 32 / 24 / 20 / 16 (H5, H6 floored for legibility).
     clamp(min, fluid, max): min = mobile floor, max = desktop target,
     fluid scales between 576px and 1440px viewport. */
  --font-size-base:       clamp(15px, 1.2vw, 16px);
  --line-height-base:     1.5;
  --font-size-body:       clamp(16.5px, 1.2vw, 17px);
  --font-size-h1:         clamp(30px, 3.89vw, 56px);
  --font-size-h2:         clamp(26px, 2.92vw, 42px);
  --font-size-h3:         clamp(22px, 2.22vw, 32px);
  --font-size-h4:         clamp(20px, 1.67vw, 24px);
  --font-size-h5:         clamp(17px, 1.39vw, 20px);
  --font-size-h6:         clamp(14.5px, 1.2vw, 16px);
  --font-size-blockquote: clamp(28px, 4vw, 42px);
  --font-size-button:     clamp(13px, 1.2vw, 14px);

  /* Font weight used by Palm One block 36/37 (03-blocks) */
  --font-weight-light:    300;

  /* Secondary text — used by Palm One block 36/37 (03-blocks) */
  --color-secondary: var(--color-text);        /* #231f20 */
}