/* ============================================================================
   IKARA — shared site stylesheet
   ikara.vk1hf.com/assets/site.css

   COLOUR SCHEME: "Navy One"  (RAN DPNU — ship-side grey over navy)

   Everything on the site consumes the tokens in :root below. No page should
   name a colour directly. To change the whole site's scheme, change ONLY the
   token block below — see the "Navy One" block at the bottom of this file for
   a prepared alternative.
   ========================================================================= */

:root{
  /* ---- surfaces ---- */
  --bg:#0a1119;          /* page background          */
  --bg-raised:#111d2b;   /* cards, panels, code       */
  --line:#22344a;        /* rules, borders            */

  /* ---- text ---- */
  --ink:#c9d4de;         /* body text                 */
  --ink-dim:#8794a2;     /* secondary / captions      */
  --steel:#7f8a94;       /* chrome labels             */

  /* ---- accent (interactive / emphasis) ---- */
  --accent:#5aa2e0;      /* links, eyebrows, markers  */
  --accent-deep:#2f6798; /* nav rest state, hovers    */
  --bright:#7fc4ff;      /* brilliant blue — wordmark, highlights  */
  --bright-rgb:127,196,255;
  --ink-faint:#3d4b5c;   /* placeholder / disabled    */

  /* ---- rgb channels, for translucent tints ----
     Must be kept in step with --bg and --accent above. */
  --bg-rgb:10,17,25;
  --accent-rgb:90,162,224;

  /* ---- status: deliberately bold, must read at a glance ---- */
  /* solid fills — used as pill/badge BACKGROUNDS, so they run dark */
  --ok:#1f8f3a;          /* keeping up, float, normal */
  --warn:#b36b00;        /* absorption, caution       */
  --bad:#a00000;         /* falling behind, critical  */
  --idle:#555555;        /* no data / unknown         */

  /* foreground variants — the same meanings as COLOURED TEXT on a dark
     ground, so they run lighter to hold contrast. Do not swap these with
     the solid fills above; a pill filled with --ok-fg is unreadable. */
  --ok-fg:#57ad74;
  --warn-fg:#ff9e4e;
  --bad-fg:#ff6b6b;
  --cool-fg:#4ea3ff;     /* falling trend (cooling)   */
  --info:#ae63f3;        /* sun level / secondary data*/

  /* ---- type ---- */
  --font-body:Georgia,"Iowan Old Style",Palatino,"Times New Roman",serif;
  --font-mono:ui-monospace,"SF Mono",Menlo,Consolas,monospace;
  --font-disp:system-ui,-apple-system,"Segoe UI",sans-serif;
  --font-stencil:"Saira Stencil One","Stardos Stencil",Impact,system-ui,sans-serif;

  /* ---- legacy aliases -------------------------------------------------
     Older markup refers to --cream/--amber. These map onto the semantic
     tokens above so a scheme change needs no edits outside this file.
     Prefer the semantic names in anything new.                          */
  --cream:var(--ink);
  --cream-dim:var(--ink-dim);
  --amber:var(--accent);
  --amber-dim:var(--accent-deep);
}

/* ============================ base ====================================== */
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font-body);
  -webkit-font-smoothing:antialiased}

/* ============================ top bar =================================== */
.bar{display:flex;justify-content:space-between;align-items:center;
  padding:1rem 1.5rem;border-bottom:1px solid var(--line);
  font-family:var(--font-mono);font-size:.7rem;letter-spacing:.18em;
  text-transform:uppercase;color:var(--accent-deep);
  position:sticky;top:0;background:rgba(var(--bg-rgb),.82);backdrop-filter:blur(8px);z-index:10}
.bar a{color:inherit;text-decoration:none;border-bottom:1px solid transparent;
  transition:color .15s ease,border-color .15s ease}
.bar a:hover,.bar a:focus-visible{color:var(--accent);border-bottom-color:var(--accent)}
.bar-nav{display:flex;gap:1.4rem;margin-left:1.6rem;margin-right:auto}
@media(max-width:30rem){.bar-nav{gap:1rem}}

/* ============================ layout ==================================== */
.wrap{max-width:52rem;margin:0 auto;padding:3.5rem 1.5rem 5rem}
.eyebrow{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.22em;
  text-transform:uppercase;color:var(--accent);margin-bottom:.75rem}
h1{font-family:var(--font-mono);font-size:2rem;letter-spacing:.1em;margin:0 0 .6rem;
  text-transform:uppercase;color:var(--ink)}
.standfirst{color:var(--ink-dim);font-size:1.05rem;line-height:1.6;margin:0 0 2.5rem;max-width:38rem}
.note{margin-top:2.5rem;padding-top:1.5rem;border-top:1px solid var(--line);
  color:var(--ink-dim);font-size:.85rem;line-height:1.6}
.foot{padding:1.5rem;border-top:1px solid var(--line);text-align:center;
  font-family:var(--font-mono);font-size:.7rem;letter-spacing:.16em;
  text-transform:uppercase;color:var(--ink-dim)}

/* ============================ cards ===================================== */
.cards{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr))}
.card{display:block;text-decoration:none;background:var(--bg-raised);
  border:1px solid var(--line);border-radius:4px;padding:1.4rem 1.5rem;
  transition:border-color .15s,transform .15s}
.card:hover{border-color:var(--accent-deep);transform:translateY(-2px)}
.card .idx{font-family:var(--font-mono);font-size:.65rem;letter-spacing:.2em;
  text-transform:uppercase;color:var(--accent);display:block;margin-bottom:.5rem}
.card h2{font-family:var(--font-mono);font-size:1rem;letter-spacing:.06em;
  text-transform:uppercase;color:var(--ink);margin:0 0 .45rem}
.card p{margin:0;color:var(--ink-dim);font-size:.92rem;line-height:1.5}

/* ============================ log / article ============================= */
.entry-list{list-style:none;margin:0;padding:0}
.entry-list li{border-top:1px solid var(--line)}
.entry-list li:last-child{border-bottom:1px solid var(--line)}
.entry-list a{display:block;text-decoration:none;padding:1.6rem .25rem;
  transition:background .15s ease,padding-left .15s ease}
.entry-list a:hover{background:var(--bg-raised);padding-left:1rem}
.entry-date{font-family:var(--font-mono);font-size:.66rem;letter-spacing:.2em;
  text-transform:uppercase;color:var(--accent);display:block;margin-bottom:.4rem}
.entry-title{font-family:var(--font-mono);font-size:1.05rem;letter-spacing:.05em;
  text-transform:uppercase;color:var(--ink);margin:0 0 .45rem}
.entry-list p{margin:0;color:var(--ink-dim);font-size:.94rem;line-height:1.55}
article h1{margin-bottom:.4rem}
article p{color:var(--ink);font-size:1.05rem;line-height:1.75;margin:0 0 1.15rem}
article h2{font-family:var(--font-mono);font-size:.9rem;letter-spacing:.1em;
  text-transform:uppercase;color:var(--accent);margin:2.25rem 0 .8rem}
article ul{color:var(--ink);font-size:1.02rem;line-height:1.7;padding-left:1.2rem;margin:0 0 1.15rem}
article li{margin-bottom:.35rem}
article code,code{font-family:var(--font-mono);font-size:.88em;color:var(--accent);
  background:var(--bg-raised);padding:.12em .38em;border-radius:3px}
.backlink{display:inline-block;margin-top:2.5rem;padding-top:1.5rem;
  border-top:1px solid var(--line);width:100%;
  font-family:var(--font-mono);font-size:.7rem;letter-spacing:.16em;
  text-transform:uppercase;color:var(--accent-deep);text-decoration:none}
.backlink:hover{color:var(--accent)}

/* ============================ status ==================================== */
.status-ok{color:var(--ok)}
.status-warn{color:var(--warn)}
.status-bad{color:var(--bad)}

/* ============================================================================
   ALTERNATIVE SCHEME — "August 26"  (cream and amber on dark earth)
   NOT ACTIVE. To switch back, replace the values in :root above with these:

     --bg:#141009;  --bg-raised:#1c160d;  --line:#2f2415;
     --ink:#e7ddca; --ink-dim:#a49a88;    --steel:#a49a88;
     --accent:#ffb347; --accent-deep:#c88a3c; --ink-faint:#4a3d28;
     --bg-rgb:20,16,9;  --accent-rgb:255,179,71;

   Status colours (--ok/--warn/--bad/--idle and the -fg variants) are
   deliberately scheme-independent and do NOT change between schemes.
   Preview both at /scheme-test.
   ========================================================================= */