/* Appledore Investment Advisors — brand tokens
   Direction 3A · The Contour, Garamond. Drop this in as the single source of truth. */
:root {
  /* colour */
  --deep-water: #16323E;   /* primary dark: headings, nav, seal ground, footers */
  --sea-glass:  #6F9287;   /* accent: descriptors, hairlines, section numerals */
  --pale-glass: #9CBCB1;   /* accent ON deep water only — never on light grounds */
  --fog:        #F6F4EF;   /* reversed type, seal contour highlight */
  --paper:      #FBFAF7;   /* page ground */
  --paper-sunk: #F3F1EB;   /* alternating band */
  --ink-body:   #3E5560;   /* body copy on light */
  --rule-light: #E4E0D6;

  /* type — one family, everywhere */
  --font: "EB Garamond", Garamond, "Times New Roman", serif;
  --fs-display: clamp(38px, 4.6vw, 66px);  /* hero, line-height 1.12 */
  --fs-h2: 30px;   /* section headings, line-height 1.25 */
  --fs-lead: 22px; /* intro paragraph, line-height 1.65 */
  --fs-body: 19px; /* body, line-height 1.62 */
  --fs-eyebrow: 14px;  /* letter-spacing .30em, uppercase, sea glass */
  --fs-nav: 15px;      /* letter-spacing .24em, uppercase */
  --fs-descriptor: 13px; /* "INVESTMENT ADVISORS", letter-spacing .38em */

  /* spacing — 4px base, section rhythm in 8s */
  --gutter: 64px;
  --section-y: 76px;
  --hero-y: 104px;
  --max-measure: 62ch;
}
/* Every uppercase run in this identity is letterspaced. Never set caps without tracking. */
.eyebrow { font: var(--fs-eyebrow)/1 var(--font); letter-spacing:.30em; text-transform:uppercase; color:var(--sea-glass); }
.descriptor { font: var(--fs-descriptor)/1 var(--font); letter-spacing:.38em; text-transform:uppercase; }
.rule { height:1px; background:var(--sea-glass); width:96px; border:0; }
a { color: var(--deep-water); text-decoration:none; border-bottom:1px solid var(--sea-glass); }
a:hover { color: var(--sea-glass); }