/* SchoolOS coordinator — design tokens.
   Same paper, ink, type and cards as the Harbour demo.
   Change the look here. One line, one decision.
   The rest of the stylesheet only refers to these names. */

:root {
  /* Colour. Paper is the page. Ink is the type.
     White cards sit on the paper. Red is reserved for Overdue, Clash,
     and an IB deadline at risk. It is not the header and not a button. */
  --paper: #FFFFFF;
  --ink: #0F1B2D;
  --fjord: #18305C; /* navy: nav, links, the one main button, progress strokes */
  --red: #C8102E; /* overdue only */
  --red-ink: #C8102E;
  --meta: #5B6472;
  --white: #FFFFFF;
  --border: #E6E8EC;
  --line: #E6E8EC;
  --sun: #FFC933; /* needs-you badges only, with navy text */
  --stuck: #C45C26; /* outline only; 3.77:1 as text */
  --stuck-ink: #A84A1C; /* was #C45C26 */
  --moving: #2E6B4F;
  --navy: #18305C;
  --action: #18305C;
  --action-hover: #122648;
  --action-tint: #FFFFFF;
  /* Year chart. Each row colour is at least 3:1 on paper as a mark.
     Shape tells the rows apart when the hues are close. */
  --lane-ib: #2F4A6D; /* IB dates; same as --action; 7.96:1 on paper */
  --lane-internal: #2E7D7A; /* internal dates; teal; 4.27:1 on paper; white text 4.85:1 */
  --lane-internal-tint: #E3F0EF; /* coordinator door header */
  --lane-head-tint: #ECE8F3; /* head door header */
  --lane-dp1: #6B5B95; /* DP1; muted violet; 5.20:1 on paper */
  --lane-dp2: #A67C28; /* DP2; was #B8862B (2.85:1); ochre 3.34:1 on paper */
  --lane-myp: #2E6B4F; /* MYP5; same as --moving; 5.54:1 on paper */
  --month-shade: rgba(47, 74, 109, 0.05); /* alternating month column */
  --clash-band: rgba(227, 6, 19, 0.10); /* #E30613 at 10% across a clash week */
  --bar-track: #E6E0D4; /* the planned span still ahead of today */
  --bar-quiet-line: #8A8070; /* not started; outline 3.42:1 on paper */

  /* Type. Serif for the page title and this week's question.
     Sans for everything else. Four sizes. Self-hosted. */
  --font: "Source Sans 3", "Helvetica Neue", Helvetica, Arial, sans-serif;
  --font-display: "Source Sans 3", "Helvetica Neue", Helvetica, Arial, sans-serif;
  --type-display: 30px;
  --type-display-phone: 28px;
  --type-section: 21px;
  --type-body: 16px;
  --type-meta: 13px;
  --type-label: 13px;
  --track-display: -0.02em;
  --track-label: 0;
  --leading-display: 1.15;
  --leading-body: 1.55;

  /* Space, rules, and the page edge. */
  --space-1: 8px;
  --space-2: 16px;
  --space-3: 28px;
  --space-4: 48px;
  --space-5: 80px;
  --rule: 1px;
  --rule-strong: 1px;
  --radius: 6px;
  --page-max: 1160px;
  --page-pad: 48px;
  --page-pad-phone: 16px;
  --label-cols: 3;
  --tap: 44px;
}

/* İSTEK keeps the palette from before the Harbour desk restyle.
   Both /istek/ shells already set this class. Harbour pages do not. */
.istek-desk {
  --paper: #F4F0E8;
  --ink: #1B2430;
  --fjord: #1F6B66;
  --red: #E30613;
  --red-ink: #B00000;
  --meta: #5C6570;
  --border: #DDD6C8;
  --line: #9A8F7C;
  --navy: #1B2A4A;
  --action: #2F4A6D;
  --action-hover: #3B5B82;
  --action-tint: #E6ECF3;
  --font-display: "Source Serif 4", Georgia, "Times New Roman", serif;
  --radius: 8px;
}