/* ============================================================
   Library type system
   - Cormorant Garamond  (serif: tile titles, headers, search)
   - Aktiv Grotesk       (sans:  body, UI, labels, metadata)
   ============================================================ */

/* --- Cormorant Garamond (variable + static italics) ----------- */
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 300 700;
  font-display: swap;
  src: url('CormorantGaramond-VariableFont_wght.ttf') format('truetype-variations');
}
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: italic;
  font-weight: 300 700;
  font-display: swap;
  src: url('CormorantGaramond-Italic-VariableFont_wght.ttf') format('truetype-variations');
}

/* --- Aktiv Grotesk (standard family, weight by weight) -------- */
@font-face { font-family: 'Aktiv Grotesk'; font-style: normal; font-weight: 100;
  font-display: swap; src: url('AktivGrotesk_Trial_Hair.ttf') format('truetype'); }
@font-face { font-family: 'Aktiv Grotesk'; font-style: italic; font-weight: 100;
  font-display: swap; src: url('AktivGrotesk_Trial_HairIt.ttf') format('truetype'); }

@font-face { font-family: 'Aktiv Grotesk'; font-style: normal; font-weight: 200;
  font-display: swap; src: url('AktivGrotesk_Trial_Th.ttf') format('truetype'); }
@font-face { font-family: 'Aktiv Grotesk'; font-style: italic; font-weight: 200;
  font-display: swap; src: url('AktivGrotesk_Trial_ThIt.ttf') format('truetype'); }

@font-face { font-family: 'Aktiv Grotesk'; font-style: normal; font-weight: 300;
  font-display: swap; src: url('AktivGrotesk_Trial_Lt.ttf') format('truetype'); }
@font-face { font-family: 'Aktiv Grotesk'; font-style: italic; font-weight: 300;
  font-display: swap; src: url('AktivGrotesk_Trial_LtIt.ttf') format('truetype'); }

@font-face { font-family: 'Aktiv Grotesk'; font-style: normal; font-weight: 400;
  font-display: swap; src: url('AktivGrotesk_Trial_Rg.ttf') format('truetype'); }
@font-face { font-family: 'Aktiv Grotesk'; font-style: italic; font-weight: 400;
  font-display: swap; src: url('AktivGrotesk_Trial_It.ttf') format('truetype'); }

@font-face { font-family: 'Aktiv Grotesk'; font-style: normal; font-weight: 500;
  font-display: swap; src: url('AktivGrotesk_Trial_Md.ttf') format('truetype'); }
@font-face { font-family: 'Aktiv Grotesk'; font-style: italic; font-weight: 500;
  font-display: swap; src: url('AktivGrotesk_Trial_MdIt.ttf') format('truetype'); }

@font-face { font-family: 'Aktiv Grotesk'; font-style: normal; font-weight: 600;
  font-display: swap; src: url('AktivGrotesk_Trial_SBd.ttf') format('truetype'); }
@font-face { font-family: 'Aktiv Grotesk'; font-style: italic; font-weight: 600;
  font-display: swap; src: url('AktivGrotesk_Trial_SBdIt.ttf') format('truetype'); }

@font-face { font-family: 'Aktiv Grotesk'; font-style: normal; font-weight: 700;
  font-display: swap; src: url('AktivGrotesk_Trial_Bd.ttf') format('truetype'); }
@font-face { font-family: 'Aktiv Grotesk'; font-style: italic; font-weight: 700;
  font-display: swap; src: url('AktivGrotesk_Trial_BdIt.ttf') format('truetype'); }

@font-face { font-family: 'Aktiv Grotesk'; font-style: normal; font-weight: 800;
  font-display: swap; src: url('AktivGrotesk_Trial_XBd.ttf') format('truetype'); }
@font-face { font-family: 'Aktiv Grotesk'; font-style: italic; font-weight: 800;
  font-display: swap; src: url('AktivGrotesk_Trial_XBdIt.ttf') format('truetype'); }

@font-face { font-family: 'Aktiv Grotesk'; font-style: normal; font-weight: 900;
  font-display: swap; src: url('AktivGrotesk_Trial_Blk.ttf') format('truetype'); }
@font-face { font-family: 'Aktiv Grotesk'; font-style: italic; font-weight: 900;
  font-display: swap; src: url('AktivGrotesk_Trial_BlkIt.ttf') format('truetype'); }

/* --- Aktiv Grotesk Condensed (named alt: 'Aktiv Grotesk Cd') --- */
@font-face { font-family: 'Aktiv Grotesk Cd'; font-style: normal; font-weight: 400;
  font-display: swap; src: url('AktivGroteskCd_Trial_Rg.ttf') format('truetype'); }
@font-face { font-family: 'Aktiv Grotesk Cd'; font-style: normal; font-weight: 500;
  font-display: swap; src: url('AktivGroteskCd_Trial_Md.ttf') format('truetype'); }
@font-face { font-family: 'Aktiv Grotesk Cd'; font-style: normal; font-weight: 700;
  font-display: swap; src: url('AktivGroteskCd_Trial_Bd.ttf') format('truetype'); }

/* --- Aktiv Grotesk Extended (named alt: 'Aktiv Grotesk Ex') --- */
@font-face { font-family: 'Aktiv Grotesk Ex'; font-style: normal; font-weight: 400;
  font-display: swap; src: url('AktivGroteskEx_Trial_Rg.ttf') format('truetype'); }
@font-face { font-family: 'Aktiv Grotesk Ex'; font-style: normal; font-weight: 700;
  font-display: swap; src: url('AktivGroteskEx_Trial_Bd.ttf') format('truetype'); }

/* ============================================================
   Library design tokens (cream + tightened type)
   Use via:  <link rel="stylesheet" href="fonts/fonts.css">
   Then reference --cream, --ink, etc. as needed.
   ============================================================ */
:root {
  /* Palette */
  --cream:  #f6f0e2;
  --paper:  #fdf9ec;          /* a touch lighter for elevated surfaces */
  --ink:    #1c1c1c;
  --ink-2:  #3a342a;          /* secondary text */
  --ink-3:  #6a6353;          /* tertiary / labels */
  --rule:   #d8cfb9;
  --accent: #7a2026;          /* burgundy (links, focus) */
  --gold:   #b8902f;          /* selected-state highlights */

  /* Type families */
  --serif:  'Cormorant Garamond', 'Iowan Old Style', 'Charter', 'Georgia', serif;
  --sans:   'Aktiv Grotesk', -apple-system, BlinkMacSystemFont, 'Segoe UI',
            'Helvetica Neue', Arial, sans-serif;
  --sans-cd:'Aktiv Grotesk Cd', 'Aktiv Grotesk', sans-serif;

  /* Sizes (mobile defaults; desktop scales up via media queries) */
  --fs-body: 15px;
  --fs-tile: 17px;
  --fs-head: 22px;
  --fs-hero: 28px;
  --fs-label:10px;

  /* Geometry */
  --gap:    12px;
  --radius: 0;                /* archival/architectural, no rounded chrome */
}