@import url('https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&family=DM+Sans:wght@300;400;500&family=DM+Mono:wght@400;500&display=swap');

/* ============================================================
   Design tokens — nicolasanema.space
   Import this in any sub-page that wants shared base styles.
   ============================================================ */

:root {
  /* Color palette — light mode */
  --cream:        #F7F5F0;
  --stone:        #EBE8E1;
  --warm-white:   #FDFCFA;
  --ink:          #1C1B18;
  --ink-light:    #3D3B35;
  --muted:        #8A867C;
  --hint:         #B5B1A7;

  --accent:       #534AB7;
  --accent-light: #EEEDFE;
  --accent-dark:  #3C3489;

  --green:        #1D9E75;
  --green-light:  #E1F5EE;

  --amber:        #BA7517;
  --amber-light:  #FAEEDA;

  --coral:        #D85A30;
  --coral-light:  #FAECE7;

  /* Typography */
  --font-serif: 'Instrument Serif', Georgia, serif;
  --font-sans:  'DM Sans', system-ui, sans-serif;
  --font-mono:  'DM Mono', 'Courier New', monospace;

  /* Radii */
  --radius-card: 12px;
  --radius-sm:   8px;
}

@media (prefers-color-scheme: dark) {
  :root {
    --cream:      #1A1917;
    --stone:      #242220;
    --warm-white: #1C1B18;
    --ink:        #F0EDE6;
    --ink-light:  #C8C4BB;
    --muted:      #6B6760;
    --hint:       #4A4843;

    /* Accent + status colors stay the same */
  }
}

/* ============================================================
   Base reset
   ============================================================ */

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

html {
  font-family: var(--font-sans);
  font-size: 16px;
  line-height: 1.5;
  color: var(--ink);
  background: var(--cream);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

body {
  min-height: 100svh;
}

a {
  color: inherit;
  text-decoration: none;
}

img {
  display: block;
  max-width: 100%;
}