/* globals */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;900&family=Oswald:wght@700&family=Roboto:wght@500&display=swap');

/* ── RESET ── */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

/* ── TOKENS ── */
:root {
  --teal:        #007E77;
  --red:         #EF4444;
  --red-badge:   #F04438;
  --black:       #000000;
  --text-body:   #424242;
  --text-time:   #404040;
  --text-chip:   #292929;
  --text-muted:  #737373;   /* bottom section meta color */
  --text-card:   #181D27;   /* bottom section title color */
  --border:      #E5E5E5;
  --chip-bg:     #F5F5F5;
  --dot-sep:     #D6D6D6;
  --dot-muted:   #737373;   /* bottom section meta dot */
  --white:       #FFFFFF;
  --page-px:     80px;
  --section-gap: 32px;
}

/* ── BASE ── */
body {
  font-family: 'Inter', sans-serif;
  background: var(--white);
  color: var(--black);
  font-size: 14px;
  line-height: 1.4;
}

a { text-decoration: none; color: inherit; }
a:hover { color: var(--teal); }

img { display: block; width: 100%; height: 100%; object-fit: cover; }