/* CIRQLE design tokens for static pages — the canonical v1.4 brand palette,
   same values and var names the homepage (bootcamp-index.html) already uses.
   New public/*.html pages: <link rel="stylesheet" href="/design.css"> instead
   of pasting a palette block. Rules: repo-root DESIGN.md. */

@import url('https://fonts.googleapis.com/css2?family=Merriweather:wght@400;500;700&family=Readex+Pro:wght@300;400;600&display=swap');

:root {
  /* Emerald (canon: emerald / -dark / -light) */
  --green: #0A332D;
  --green-deep: #03211C;
  --green-mid: #164A42;

  /* Burnt orange — accent only, never a dominant field color */
  --orange: #F0531C;
  --orange-d: #CF4313;
  --orange-l: #FB8258;

  /* Charcoal ink */
  --ink: #252422;
  --ink-soft: #5b554e;

  /* Marble gray family */
  --cream: #F8F5EE;
  --cream-2: #f1ebdf;
  --gray: #E3E0DB;
  --line: #e6ded0;
  --white: #fffdfa;

  /* Type */
  --serif: 'Merriweather', Georgia, 'Times New Roman', serif;
  --sans: 'Readex Pro', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;

  /* Shape & elevation */
  --maxw: 1140px;
  --radius: 16px;
  --radius-sm: 11px;
  --radius-lg: 26px;
  --shadow: 0 1px 2px rgba(10,51,45,.04), 0 12px 34px rgba(10,51,45,.08);
  --shadow-lg: 0 26px 60px rgba(10,51,45,.16);
}

body {
  font-family: var(--sans);
  color: var(--ink);
  background: var(--cream);
}

h1, h2, h3, h4, h5, h6 {
  font-family: var(--serif);
}