/* AM Coaching brand tokens.
   This file is the single source of the palette and type. It is meant to be
   dropped into the workshop decks later, so keep it to tokens and base
   styles only. Page layout lives in the page. */

:root {
  /* Identity. Navy and teal are the logo colours. */
  --navy:  #04375F;
  --teal:  #16899D;
  --clay:  #C0714A;
  --sand:  #E8D9C3;
  --paper: #FAF5EE;

  /* Body text. A softened navy, because full navy is harsh over long copy. */
  --ink:      #1F3345;
  --ink-soft: #5A6B7A;

  /* DISC scores ONLY. This is the conventional DISC scheme, deliberately not
     the palette above: participants meet these colours elsewhere and
     recognition matters more here than palette purity. Never use these for
     buttons, links or headings. */
  --disc-d: #C0392B;  /* red    */
  --disc-i: #E0A32E;  /* yellow */
  --disc-s: #4A8B5C;  /* green  */
  --disc-c: #2C6BA8;  /* blue   */

  /* Type */
  --font-head: 'Fraunces', Georgia, 'Times New Roman', serif;
  --font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
               Helvetica, Arial, sans-serif;

  /* Shape and rhythm */
  --radius:  10px;
  --measure: 34rem;   /* comfortable reading width */
}

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

body {
  margin: 0;
  background: var(--paper);
  color: var(--ink);
  font-family: var(--font-body);
  font-size: 1.0625rem;
  line-height: 1.6;
  -webkit-text-size-adjust: 100%;
}

h1, h2, h3 {
  font-family: var(--font-head);
  color: var(--navy);
  font-weight: 600;
  line-height: 1.25;
  margin: 0 0 0.5em;
}

h1 { font-size: 1.75rem; }
h2 { font-size: 1.3125rem; }

p { margin: 0 0 1em; }
a { color: var(--teal); }

/* Visible focus everywhere. Never remove this. Keyboard users rely on it and
   it is the accessibility requirement most often broken by accident. */
:focus-visible {
  outline: 3px solid var(--teal);
  outline-offset: 2px;
}

/* Screen reader only, but still announced. */
.sr-only {
  position: absolute; width: 1px; height: 1px;
  padding: 0; margin: -1px; overflow: hidden;
  clip: rect(0 0 0 0); white-space: nowrap; border: 0;
}