/* ===================================================
   FIRST CHAPTER — Design Tokens
   =================================================== */
@font-face {
  font-family: 'Megila';
  src: url('../images/fonts/Megila.otf') format('opentype');
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: 'Aston Script';
  src: url('../images/fonts/Aston_Script.ttf') format('truetype');
  font-weight: 700;
  font-display: swap;
}
@font-face {
  font-family: 'Josefin Sans';
  src: url('../images/fonts/JosefinSans-VariableFont_wght.ttf') format('truetype-variations');
  font-weight: 100 700;
  font-display: swap;
}

:root {
  /* Color */
  --cream:        #F4EFE3;
  --cream-deep:   #EAE1CC;
  --paper:        #FBF8F1;
  --olive:        #5B5E3D;
  --olive-deep:   #383B24;
  --olive-mid:    #767A4F;
  --ink:          #2B2A20;
  --ink-soft:     #55523F;
  --white:        #FFFFFF;
  --line:         rgba(43, 42, 32, 0.14);
  --line-strong:  rgba(43, 42, 32, 0.28);

  /* Type */
  --f-display: 'Megila', 'Iowan Old Style', Georgia, serif;
  --f-script:  'Aston Script', cursive;
  --f-sans:    'Josefin Sans', 'Helvetica Neue', Arial, sans-serif;

  /* Type scale */
  --fs-eyebrow: 0.72rem;
  --fs-nav: 0.78rem;
  --fs-body: 1.05rem;
  --fs-lead: 1.3rem;
  --fs-h3: clamp(1.5rem, 2.5vw, 2.1rem);
  --fs-h2: clamp(2.3rem, 5vw, 3.6rem);
  --fs-h1: clamp(3rem, 9vw, 6.4rem);
  --fs-script-lg: clamp(2.6rem, 7vw, 5.2rem);
  --fs-script-md: clamp(1.8rem, 4vw, 2.6rem);

  /* Space */
  --sp-1: 0.5rem;
  --sp-2: 1rem;
  --sp-3: 1.75rem;
  --sp-4: 2.75rem;
  --sp-5: 4.5rem;
  --sp-6: 7rem;
  --sp-7: 10rem;

  /* Layout */
  --max-w: 1280px;
  --max-w-text: 640px;
  --radius: 2px;

  /* Motion */
  --ease: cubic-bezier(0.22, 1, 0.36, 1);
  --dur: 0.7s;

  /* Extra tones used in Ale's layout */
  --olive-panel: #A8A488;
  --olive-panel-deep: #948F72;
}