/* Career Office. Moved from a personal account to the Skills Academy organisation on 18 October 2026. */
/* Career Office: the house colours, type and depth, in one place.
   Every page links this before its own styles, so changing a value here changes
   it across the site. A page that needs a different value for itself (the
   student and staff apps use a slightly warmer desk) sets it in its own :root,
   which comes after this file and wins. Light only, by design. */
:root {
  /* Surfaces */
  --desk:#F8F7F3;
  --paper:#FFFFFF;
  --paper-2:#F1EFEA;
  /* Lines. Dividers can be faint; the edge of something you type in or press
     cannot, so --rule-3 is the one that has to be seen: 3.1:1 on the desk,
     3.7:1 on paper. */
  --rule:#E7E4E0;
  --rule-2:#D9D5CF;
  --rule-3:#8A857F;
  --underline:#CFCBC5;
  /* Text. --ink-3, the quietest, is 4.9:1 on the desk and 5.4:1 on paper. */
  --ink:#1C1B1A;
  --ink-2:#5F5B57;
  --ink-3:#6F6A64;
  /* Olive accent */
  --accent:#4F5B2E;
  --accent-2:#3E4824;
  --accent-soft:#EEF0E6;
  /* States. "Paid" is no longer a colour: --ochre is plain text grey. */
  --fail:#A2473D;
  --fail-soft:#F4E3DF;
  --review:#8A5A1C;
  --gold:#B88A45;
  --gold-soft:#F5EDDC;
  --ochre:#5F5B57;
  --ochre-soft:#F2F1EE;
  /* Type. One face: --serif and --mono keep their names so nothing that uses
     them breaks, but both are Geist. */
  --sans:'Geist', 'Geist stand-in', 'Helvetica Neue', Arial, system-ui, sans-serif;
  --serif:'Geist', 'Geist stand-in', 'Helvetica Neue', Arial, system-ui, sans-serif;
  --mono:'Geist', 'Geist stand-in', 'Helvetica Neue', Arial, system-ui, sans-serif;
  /* Depth. Every panel is a 1px line and the faintest shadow; --lift is for a
     document resting on the desk. */
  --sheet:0 0 0 1px #E7E4E0, 0 1px 2px rgba(28,27,26,.04);
  --lift:0 1px 2px rgba(28,27,26,.06), 0 14px 34px -16px rgba(28,27,26,.28);
  --lift-y:0px;
  --grain:none;
  /* Motion and layout. One curve for everything that moves, so nothing runs on
     the browser's default ease. */
  --settle:cubic-bezier(.16,.84,.24,1);
  --pad:clamp(20px, 5vw, 88px);
}