/**
 * Family Quote Board — marketing site palette
 * Tokenized from existing page hex values (no new hues).
 * Family-member swatches mirror src/lib/palette.ts names where used on the landing quote wall.
 */
:root {
  /* Surfaces */
  --cream: #F3EDE3;
  --cream-2: #F7F1E4;
  --card: #FFFCF6;
  --blush: #FFF7EE;
  --blush-warm: #F8E7DF;
  --mist: #F0F7F5;
  --white: #ffffff;
  --border: #E2D7C6;

  /* Ink */
  --ink: #2A2017;
  --muted: #5A4F44;
  --muted-meta: #6B5F52;
  --muted-soft: #8C7F6F;

  /* Brand accents (marketing) */
  --terracotta: #A35D4F;
  --terracotta-deep: #8B4A3E; /* AA links on cream */
  --terracotta-shadow: #7E4437;
  --teal: #487578;
  --teal-shadow: #2F5557;
  --olive: #61723C;
  --olive-pale: #D4E0B8;
  --olive-soft: #A6C878;
  --plum: #705272;
  --peach: #F7C7BD;
  --mint: #BDDEDC;
  --lavender: #DAC3DA;
  --amber: #E8B049;
  --amber-pale: #F7E9C4; /* soft yellow wash from amber + cream */

  /* Slightly lighter accents for large display type on cream (AA large ≥3:1) */
  --plum-soft: #865D82; /* between --swatch-plum and --swatch-plum-light */
  --terracotta-soft: #B46856; /* between --terracotta and --swatch-terracotta-light */
  --olive-mid: #72884B; /* between --olive and --olive-soft */
  --teal-soft: #528B88; /* between --teal and --swatch-teal-light */

  /* RGB channels for rgba() / washes */
  --ink-rgb: 42, 32, 23;
  --cream-rgb: 243, 237, 227;
  --card-rgb: 255, 252, 246;
  --blush-rgb: 255, 247, 238;
  --terracotta-rgb: 163, 93, 79;
  --teal-rgb: 72, 117, 120;

  /* App family swatches used on the landing quote wall (c / cd from palette.ts) */
  --swatch-teal: #1B8073;
  --swatch-teal-light: #6FCCB8;
  --swatch-rose: #B23C6A;
  --swatch-rose-light: #E88AAE;
  --swatch-amber: #B8720E;
  --swatch-amber-light: #E8B049;
  --swatch-indigo: #3B4E8F;
  --swatch-indigo-light: #8E9CD9;
  --swatch-green: #5C7A3A;
  --swatch-green-light: #A6C878;
  --swatch-terracotta: #B23C22;
  --swatch-terracotta-light: #E8896A;
  --swatch-plum: #6B3A66;
  --swatch-plum-light: #B98AB4;
  --swatch-blue: #2E6B99;
  --swatch-blue-light: #7FB8E0;
}
