/* ============================================================
   BERM INC. — Design tokens
   Silent-luxury neutral palette: warm bone, ink, bronze whisper
   ============================================================ */
:root {
  /* Palette */
  --white: #ffffff;
  --ivory: #fcfbf8;         /* page background */
  --bone: #f5f2ec;          /* alt section background */
  --sand: #ece7dd;          /* deeper tint */
  --line: #e6e1d7;          /* hairline */
  --line-strong: #d2cbbc;
  --stone: #a49c8c;         /* muted labels */
  --stone-dark: #6f685c;    /* secondary text */
  --text: #46413a;          /* body text */
  --ink: #2c2119;           /* deep espresso — headings, buttons, dark sections */
  --ink-soft: #3a2c21;
  --bronze: #9c7c4d;        /* accent — used sparingly */
  --bronze-deep: #82673e;

  /* Type */
  --font-display: 'Fraunces', Georgia, 'Times New Roman', serif;
  --font-body: 'Inter', 'Helvetica Neue', Arial, sans-serif;
  --font-mono: 'JetBrains Mono', 'SF Mono', Menlo, monospace;

  /* Layout */
  --wrap: 1200px;
  --gutter: clamp(1.25rem, 4vw, 2rem);
  --section-pad: clamp(4rem, 9vw, 7rem);

  /* Motion */
  --ease: cubic-bezier(.22, .61, .36, 1);
  --ease-in: cubic-bezier(.55, 0, .55, .2);
}