/* Apply Yourself brand tokens. Light mode only. Served at /apply-yourself/brand/brand.css.
   Sibling of Suit Yourself (burgundy #6B2C3E) and Serve Yourself (sage #7a8e5f): same cream paper,
   charcoal text and Crimson Pro + Inter pairing; ink is ours. See BRAND.md. */

@font-face{font-family:"Crimson Pro";font-style:normal;font-weight:400;font-display:swap;src:url(fonts/crimson-pro-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:"Crimson Pro";font-style:italic;font-weight:400;font-display:swap;src:url(fonts/crimson-pro-latin-400-italic.woff2) format("woff2")}
@font-face{font-family:"Crimson Pro";font-style:normal;font-weight:500;font-display:swap;src:url(fonts/crimson-pro-latin-500-normal.woff2) format("woff2")}
@font-face{font-family:"Crimson Pro";font-style:normal;font-weight:600;font-display:swap;src:url(fonts/crimson-pro-latin-600-normal.woff2) format("woff2")}
@font-face{font-family:"Crimson Pro";font-style:normal;font-weight:700;font-display:swap;src:url(fonts/crimson-pro-latin-700-normal.woff2) format("woff2")}
@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(fonts/inter-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(fonts/inter-latin-500-normal.woff2) format("woff2")}
@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(fonts/inter-latin-600-normal.woff2) format("woff2")}
@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(fonts/inter-latin-700-normal.woff2) format("woff2")}

:root{
  color-scheme:light;

  /* Primary: Ink */
  --ay-ink:#2D4569;        /* brand color: tiles, buttons, links, headings accent (8.9:1 on paper) */
  --ay-ink-deep:#1E2F4A;   /* hover/pressed, mono logo, dense text on tints */
  --ay-ink-soft:#E7ECF4;   /* tints: chips, counts, selected rows */
  --ay-ink-line:#C9D3E3;   /* borders on ink tints */

  /* Accent: Ochre (the briefcase clasp). Fills and marks only; for text use --ay-ochre-text. */
  --ay-ochre:#C68B2C;
  --ay-ochre-text:#8A5A12; /* 5.4:1 on paper */
  --ay-ochre-soft:#FBF1DC;

  /* Neutrals, shared with Suit and Serve */
  --ay-paper:#FAF5EA;      /* page background (cream-100) */
  --ay-card:#FDFAF3;       /* cards, sheets (cream-50) */
  --ay-field:#FFFEFA;      /* inputs (cream-25) */
  --ay-sunk:#F5EDE0;       /* wells, quotes (cream-200) */
  --ay-line:#E8DCC8;       /* dividers (cream-300) */
  --ay-line-strong:#D8C7AA;/* input borders (cream-400) */
  --ay-text:#1A1A18;       /* charcoal-900 */
  --ay-text-2:#4A4A48;     /* charcoal-600 */
  --ay-muted:#6B6B66;      /* charcoal-400, 4.9:1 on paper */

  /* States */
  --ay-ok:#466350;  --ay-ok-soft:#E8F0EB;
  --ay-no:#B03E3E;  --ay-no-soft:#F8E9E9;
  --ay-hold:#8A5A12;--ay-hold-soft:#FBF1DC;

  /* Type */
  --ay-serif:"Crimson Pro",Georgia,"Times New Roman",serif;
  --ay-sans:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;

  /* Shape */
  --ay-radius:14px;
  --ay-radius-sm:10px;
  --ay-pill:999px;
  --ay-shadow:0 1px 2px rgba(30,47,74,.06),0 4px 14px rgba(30,47,74,.06);
}

/* Brand bar: lockup at the top of any Apply Yourself page.
   <a class="ay-brand" href="/apply-yourself/"><img src="/apply-yourself/brand/logo-mark.svg" alt=""><span>Apply Yourself</span></a> */
.ay-brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:var(--ay-text)}
.ay-brand img{width:32px;height:32px;display:block;border-radius:7px}
.ay-brand span{font:600 22px/1 var(--ay-serif);letter-spacing:-.005em}
.ay-brand:hover span{color:var(--ay-ink)}