/* ══════════════════════════════════════════════════════════
   Tachles·AI — "Powder Monochrome" v8 tokens (brand change 11.07.2026)
   One hue family + white + near-black. The dark pill is the accent.
   ══════════════════════════════════════════════════════════ */
:root {
  --canvas: #AFCED4;      /* powder-blue page field — RGB 175,206,212 */
  --scene:  #C4DBDF;      /* lighter panel tint */
  --band:   #EBE9E8;      /* warm-gray contrast section — RGB 235,233,232 */
  --card:   #FFFFFF;
  --nav:    #F4F3F4;      /* light menu bar — RGB 244,243,244 */
  --ink:    #15313F;      /* deep navy — headings, buttons — RGB 21,49,63 */
  --ink-hover: #0E2430;
  --body:   #15313F;      /* body text — deep navy, same as buttons/ink */
  --muted:  #7C8A91;
  --line:   rgba(21,49,63,.12);
  --on-ink: #F4F7F9;      /* text on deep navy */
  --teal:      #659BA8;   /* photo tonal depth — RGB 101,155,168 */
  --teal-deep: #4E8897;   /* photo tonal depth — RGB 78,136,151 */
  --accent:      #BE7150; /* terracotta — the one warm highlight (touches only) */
  --accent-deep: #7A3F28; /* terracotta, for text/hover */
  /* brand gradient — deep turquoise on the LEFT, brighter toward the RIGHT
     (deepened 14.07 per Calanit: whole-site bg more deep turquoise, less bright) */
  --grad: linear-gradient(90deg, #3D6E7E 0%, #5F97A6 42%, #7FB0BC 75%, #93BFC8 100%);

  --font-display: 'Frank Ruhl Libre', 'Times New Roman', serif;
  --font-he: 'Heebo', 'Arial Hebrew', sans-serif;

  --maxw: 1180px;
  --gap: 16px;            /* the collage gap between cards */
  --r: 18px;              /* card radius */
  --r-pill: 999px;
  --ease: cubic-bezier(.22,1,.36,1);
}

@font-face {
  font-family: 'Frank Ruhl Libre';
  src: url('../fonts/FrankRuhlLibre[wght].ttf') format('truetype');
  font-weight: 300 900;
  font-display: swap;
}
@font-face {
  font-family: 'Heebo';
  src: url('../fonts/Heebo[wght].ttf') format('truetype');
  font-weight: 100 900;
  font-display: swap;
}