@import url('https://fonts.googleapis.com/css2?family=Bitter:ital,wght@0,400;0,600;0,700;1,400&family=Karla:wght@400;500;700&display=swap');
/*
Theme Name: Atlas Lab
Description: Editorial theme for a small studio journal: warm charcoal reading surface, slab-serif headlines, session-note layout.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: atlas-lab
Tags: blog, editorial, one-column, custom-menu, featured-images
*/

/* Typography and palette for this journal. The compiled Tailwind build ships a
   cool neutral scale; the variables below move it to a warm charcoal and pair it
   with a slab serif for headings. Utility classes compile to var(--color-zinc-*),
   and this file loads after the compiled build, so redefining the variables here
   recolours the whole site. */
:root {
  --font-body: 'Karla', ui-sans-serif, system-ui, sans-serif;
  --font-heading: 'Bitter', Georgia, 'Times New Roman', serif;

  --color-zinc-950: oklch(15.5% 0.010 72);
  --color-zinc-900: oklch(21.5% 0.013 72);
  --color-zinc-800: oklch(28.5% 0.015 72);
  --color-zinc-700: oklch(37.5% 0.017 72);
  --color-zinc-600: oklch(48%   0.016 72);
  --color-zinc-400: oklch(70%   0.012 72);
  --color-zinc-300: oklch(80%   0.009 72);
}

/* The slab serif does not take the wide tracking and uppercase treatment the
   previous display face relied on, so both are cleared for headings. */
h1, h2, h3, h4, .font-heading {
  font-family: var(--font-heading);
  letter-spacing: -0.015em;
  text-transform: none;
  font-weight: 600;
}

body { font-family: var(--font-body); }

/* Links inside article bodies get an offset underline rather than a colour
   swap, which reads better against the warm background. */
.entry-content a, .prose a {
  text-decoration: underline;
  text-underline-offset: 0.18em;
  text-decoration-thickness: 1px;
}
