/* Valdo Academics — Color Tokens */
:root {
  /* ── Brand palette ── */
  --color-orange:       #FF560B;
  --color-black:        #0D0D0D;
  --color-cream:        #FEF9F2;
  --color-grey:         #555555;
  --color-rule:         #E8E0D8;
  --color-white:        #FFFFFF;
  --color-body:         #2A2A2A;

  /* ── Semantic aliases ── */
  --accent:             var(--color-orange);
  --fg-primary:         var(--color-black);
  --fg-secondary:       var(--color-grey);
  --fg-body:            var(--color-body);
  --fg-inverse:         var(--color-white);
  --fg-muted:           rgba(255, 255, 255, 0.65);

  --bg-page:            var(--color-white);
  --bg-surface:         var(--color-cream);
  --bg-dark:            var(--color-black);
  --bg-overlay-hero:    linear-gradient(to right, rgba(0,0,0,0.82) 0%, rgba(0,0,0,0.5) 50%, rgba(0,0,0,0.15) 100%);
  --bg-overlay-bottom:  linear-gradient(to top, rgba(13,13,13,0.92) 40%, rgba(13,13,13,0.3));

  --border-rule:        var(--color-rule);
  --border-accent:      var(--color-orange);

  /* ── Button ── */
  --btn-bg:             var(--color-orange);
  --btn-fg:             var(--color-white);
  --btn-hover-bg:       #E04D0A;

  /* ── Categorical palette — colour coding only ──
     Use when colour brings order to several options (subjects, countries, assignees,
     programmes, pathways). Any hue is allowed for coding; these 8 are the default set,
     in this order. Each: solid (dots, bars, fills) · bg (tint chips) · ink (text on bg).
     Never decorative. Orange stays reserved for brand/action. */
  --cat-1: #2F6FB3; --cat-1-bg: #DCE8F5; --cat-1-ink: #12304F;  /* blue */
  --cat-2: #178A86; --cat-2-bg: #D3EFEC; --cat-2-ink: #0B3D3B;  /* teal */
  --cat-3: #8E3F7E; --cat-3-bg: #F1DCEC; --cat-3-ink: #3E1736;  /* plum */
  --cat-4: #6E7F2A; --cat-4-bg: #E8EDD3; --cat-4-ink: #2F3611;  /* olive */
  --cat-5: #6A55B8; --cat-5-bg: #E5E0F5; --cat-5-ink: #2A2052;  /* violet */
  --cat-6: #8C6A4F; --cat-6-bg: #EFE1D4; --cat-6-ink: #3F2D1F;  /* brown */
  --cat-7: #C24D6E; --cat-7-bg: #F8DDE4; --cat-7-ink: #521C2C;  /* rose */
  --cat-8: #4F6470; --cat-8-bg: #E1E7EA; --cat-8-ink: #1F2A30;  /* slate */

  /* ── Decoration: no gradients except dark photo overlays. Colour beyond orange only when it codes data ── */
}