/* ==========================================================================
   fists-of-dorn.css — the Fists of Dorn layer. Load AFTER gothic.css.

   THE RULE, IN FOUR WORDS, WRITTEN BEFORE ANY HEX (the owner's own method):

     DONE ........ STEEL        credited, sealed, held. A metal, never lit.
     WANTS YOU ... YELLOW       the chapter's colour, and the ONLY glow here.
     WAITING ..... HAZARD       ochre; someone else's word is owed.
     REFUSED ..... BLACK IRON   flat, unlit, and it stays that way.
     THE AUSPEX .. COLD CYAN    what the machine read off the screens.

   THE GROUND is Imperial Fists yellow dropped to ~5% lightness and cooled
   toward the iron the Chapter builds in: #0D0D0F, not neutral black. One
   faint wash of the yellow at the top is the sky.

   WHY YELLOW IS "WANTS YOU" AND NOT "DONE". Yellow is the loudest colour a
   screen has, and on this site the loudest thing must be the one asking for
   a decision -- not the pile of work already finished. So the honour metal
   is the Chapter's OTHER material, the steel of its fortifications, and the
   yellow is spent only where a man's own word is owed.

   THE ORNAMENT IS THE LORE: battlements on the section rule, the fist behind
   the page, a plaque rather than wax on a credited man -- the Fists seal in
   ceramite and stone, not in candle drippings.
   ========================================================================== */

/* 1 · TERRA — a cold iron ground with the Chapter's yellow only at the top */
html{background:#0A0803}
.ledger{
  /* WANTS YOU: the accent, in two shades. -lit glows and borders; -ink is the
     only one that may carry small text (7.9:1 on the ground). */
  --dorn:#E8B21E;--dorn-lit:#FFC93C;--dorn-ink:#FFD76B;--dorn-deep:#6B4D06;--dorn-line:rgba(255,201,60,.42);

  /* DONE: brushed steel. A metal reads as finished; it never glows. */
  --steel:#9FB0BE;--steel-lit:#C3D2DD;--steel-2:#7C8C99;--steel-line:rgba(159,176,190,.34);

  /* WAITING: hazard ochre, deliberately duller than the accent so the two
     never compete -- one asks you, the other is merely pending. */
  --hazard:#A8853F;--hazard-ink:#D3B579;

  /* REFUSED: black iron. */
  --iron:#0A0A0C;--iron-ink:#DDE1E6;

  --bg:#0D0A03;--bg-deep:#070501;--row-alt:#161206;--pop:#151105;--panel-on:#2A2109;
  --ink:#EDE7DA;--ink-cool:#D6D0C4;--ink-2:#C9C2B2;--ink-3:#A79F8D;--ink-4:#87806E;--ink-5:#6E6859;--ink-6:#585245;
  --ink-on-gold:#17130A;

  /* 2 · THE SYSTEM'S NAMES, MAPPED ONTO THE RULE. ledger.css reads these;
     nothing in the markup knows which chapter it is wearing. */
  /* THE HONOUR METAL IS THE CHAPTER'S OWN GOLD. It was steel, on the reading
     that yellow belongs to "wants you" alone -- and that made the page grey.
     Yellow does both jobs here and the two are still told apart by LIGHT: a
     finished thing is the flat gold below, a thing wanting your word is the
     brighter --dorn-lit and it is the only thing that glows. */
  --gold:#C9A02A;--gold-lit:#E8B21E;--gold-warm:#F3D480;--gold-dim:#7E6417;--gold-ash:#9A8451;--gold-line:rgba(201,160,42,.38);
  --good:#C9A02A;--good-2:#A8851F;--glow-read:rgba(201,160,42,.3);
  --warn:var(--hazard);--warn-2:var(--hazard-ink);--glow-owed:rgba(168,133,63,.22);
  --bad:var(--iron);--bad-lit:var(--iron-ink);
  --esc:#7C90B8;--esc-lit:#B7C6E6;
  --cyan:#7FC8D8;

  /* 3 · LIGHT. Only the accent glows -- that is the whole rule, in tokens. */
  --lift:rgba(232,178,30,.13);--glow-live:rgba(255,201,60,.45);
  --glow:0 0 80px -16px rgba(255,201,60,.5);--glow-sm:0 0 24px -6px rgba(255,201,60,.5);
  --catch-lit:inset 0 1px 0 rgba(255,215,107,.32);
  --ember-rgb:255,201,60;

  /* 4 · HAIRLINES AND RECESSES — one grey, tinted like the ink, five alphas */
  --line:rgba(237,231,218,.08);--line-2:rgba(237,231,218,.12);--line-3:rgba(237,231,218,.13);
  --hair:rgba(237,231,218,.10);--hair-2:rgba(237,231,218,.16);
  --rule:rgba(237,231,218,.10);--rule-head:rgba(232,178,30,.36);
  --recess-bg:linear-gradient(180deg,rgba(0,0,0,.34),rgba(13,10,3,.42) 40%,rgba(0,0,0,.36));
  --recess-line:rgba(237,231,218,.07);--raise-line:rgba(237,231,218,.2);--edge-line:rgba(237,231,218,.06);
  --tile:linear-gradient(150deg,rgba(232,178,30,.2),rgba(13,10,3,.9));--tile-edge:rgba(237,231,218,.2);
  --sink:inset 0 1px 6px rgba(0,0,0,.6),inset 0 -1px 0 rgba(159,176,190,.05);

  /* 5 · THE SKY: the ground, one wash of the Chapter's yellow, and a cold
     seam of steel across the middle -- the ashlar of a fortress wall. */
  background:var(--bg);
  background-image:
    radial-gradient(ellipse 52% 48% at 50% 0,rgba(232,178,30,.26),transparent 64%),
    linear-gradient(180deg,transparent 40%,rgba(232,178,30,.05) 50%,transparent 60%);
}

/* 6 · THE SECTION RULE IS A BATTLEMENT, not a cross. Line, merlon, line --
   the same three-part shape gothic.css draws, cut to the Chapter's own wall. */
.ledger .plate-head::after{content:"";width:calc(120px*var(--ui));height:calc(9px*var(--ui));margin-top:var(--s3);
  box-shadow:none;text-shadow:none;background:
    linear-gradient(90deg,transparent,var(--dorn-line) 16%,var(--dorn) 38%,transparent 39%,transparent 61%,var(--dorn) 62%,var(--dorn-line) 84%,transparent) center bottom/100% 1px no-repeat,
    repeating-linear-gradient(90deg,var(--dorn) 0 calc(4px*var(--ui)),transparent calc(4px*var(--ui)) calc(8px*var(--ui))) center top/calc(28px*var(--ui)) calc(5px*var(--ui)) no-repeat}

/* 7 · THE FIST BEHIND THE PAGE, ghosted. The guild's own icon, so the site
   and the server wear one mark. */
.ledger::before{background-image:url(assets/fists-of-dorn-sigil.png);
  background-position:center calc(60px*var(--ui));background-size:min(52vw,calc(560px*var(--ui))) auto;opacity:.04}

/* 8 · A CREDITED MAN GETS A PLAQUE, NOT WAX. The Fists seal in ceramite and
   stone: a square of brushed steel, bolted, sitting flat. Nothing glows. */
.ledger .crew-credited .crew-state .mark{width:calc(56px*var(--ui));height:calc(56px*var(--ui));justify-content:center;padding:0;
  border-radius:2px;transform:none;border:2px solid #5E6A74;font-size:calc(7px*var(--ui));letter-spacing:.08em;
  color:#14181B;text-shadow:none;
  background:linear-gradient(160deg,#D3DEE6,#9FB0BE 46%,#74828D 82%,#5E6A74),
    radial-gradient(circle at 12% 12%,rgba(255,255,255,.8) 0 1.4px,transparent 1.6px),
    radial-gradient(circle at 88% 12%,rgba(255,255,255,.8) 0 1.4px,transparent 1.6px),
    radial-gradient(circle at 12% 88%,rgba(255,255,255,.8) 0 1.4px,transparent 1.6px),
    radial-gradient(circle at 88% 88%,rgba(255,255,255,.8) 0 1.4px,transparent 1.6px);
  box-shadow:0 3px 8px rgba(0,0,0,.7),inset 0 1px 0 rgba(255,255,255,.35)}

/* 9 · WANTS YOU — every "this one is yours" state wears the yellow, and it is
   the only thing on the page that does. */
.ledger .mark-live{color:var(--dorn-ink);border-color:var(--dorn-line);background:rgba(232,178,30,.12)}
.ledger .plate-lit,.ledger .a-team.plate-lit{border-color:var(--dorn-line);border-top-color:var(--dorn-lit);box-shadow:0 0 40px -14px var(--glow-live)}
.ledger .crew-mine{border-color:var(--dorn-lit);background:linear-gradient(180deg,rgba(232,178,30,.16),rgba(13,13,15,.92) 32%,rgba(7,7,8,.98))}
.ledger .rail-you{background:linear-gradient(90deg,rgba(232,178,30,.15),transparent 60%);box-shadow:inset 3px 0 0 var(--dorn-lit),0 0 40px -10px var(--glow-live)}
.ledger .chip-you{background:var(--dorn);border-color:var(--dorn-lit);color:var(--ink-on-gold);text-shadow:none}
.ledger .tiles-hero .tile-hot .tile-n,.ledger .tiles-hero .tile-hot .label{color:var(--dorn-ink)}
.ledger .worth-n,.ledger .pts{color:var(--dorn-ink)}
.ledger .radio-on,.ledger .toggle-on::after,.ledger .bar-fill{background:var(--dorn-lit)}
.ledger .heading::first-letter{color:var(--dorn-ink)}
.ledger .navtab-on{color:var(--dorn-ink);text-shadow:0 0 10px var(--glow-live)}
.ledger .topbar,.ledger .filing-bar{border-bottom-color:rgba(232,178,30,.3);box-shadow:0 2px 0 rgba(0,0,0,.7),0 3px 0 rgba(232,178,30,.18)}

/* 10 · REFUSED — flat black iron, never lit. A refusal is not an event. */
.ledger .mark-bad,.ledger .chip-bad{color:var(--iron-ink);border-color:rgba(221,225,230,.22);background:var(--iron)}
.ledger .btn-bad{border-color:rgba(221,225,230,.22);color:var(--iron-ink);background:linear-gradient(180deg,#141418,#08080A)}
.ledger .crew-refused{border-color:rgba(221,225,230,.18);background:linear-gradient(180deg,rgba(0,0,0,.55),var(--iron));filter:saturate(.25)}

/* 11 · THE HUE TABLE — the whole sheet, turned from Caliban's green to the
 * Chapter's yellow.
 *
 * Every structural colour in ledger.css is `rgb(var(--hue-N, r,g,b))` and the
 * fallback is the Dark Angels' green, so a chapter that sets only the named
 * tokens gets its own accents painted onto somebody else's panels.
 *
 * THE FIRST VERSION OF THIS TABLE WAS COLD IRON and the owner was right to
 * reject it: "this thing supposed tk be yellow and black". Steel as the
 * dominant metal is defensible by the four-word rule and wrong about the
 * Chapter -- the Imperial Fists are yellow and black before they are anything
 * else, and a page that reads grey is not them whatever its accents do.
 *
 * 112 tokens at hue 0.125 with the lightness AND saturation kept, which is the
 * same transform Baal uses at 0.015. Generated from the sheets rather than
 * typed, so a token added to ledger.css tomorrow is one regeneration away.
 */
.ledger{
  --hue-1:201,195,177;--hue-2:180,167,127;--hue-3:232,205,123;--hue-4:200,165,59;--hue-5:196,177,121;--hue-6:255,229,150;
  --hue-7:255,234,170;--hue-8:225,221,210;--hue-9:214,208,190;--hue-10:240,236,226;--hue-11:58,53,38;--hue-12:112,108,95;
  --hue-13:220,190,100;--hue-14:125,121,109;--hue-15:158,146,110;--hue-16:229,200,111;--hue-17:232,202,112;--hue-18:239,210,124;
  --hue-19:158,154,142;--hue-20:255,231,158;--hue-21:188,183,169;--hue-22:255,239,190;--hue-23:240,236,226;--hue-24:245,242,234;
  --hue-25:44,39,23;--hue-26:44,39,24;--hue-27:42,38,26;--hue-28:48,43,27;--hue-29:49,45,32;--hue-30:104,90,46;
  --hue-31:120,103,52;--hue-32:92,84,60;--hue-33:122,107,63;--hue-34:140,121,63;--hue-35:100,93,70;--hue-36:95,91,79;
  --hue-37:168,147,84;--hue-38:100,96,85;--hue-39:150,142,120;--hue-40:170,158,120;--hue-41:220,195,120;--hue-42:255,224,130;
  --hue-43:246,219,136;--hue-44:230,210,150;--hue-45:208,205,196;--hue-46:255,242,201;--hue-47:230,224,205;--hue-48:236,230,214;
  --hue-49:240,234,215;--hue-50:255,248,226;--hue-51:255,251,237;--hue-52:92,80,46;--hue-53:35,31,19;--hue-54:44,39,24;
  --hue-55:45,43,36;--hue-56:220,215,200;--hue-57:34,30,19;--hue-58:255,245,214;--hue-59:59,56,46;--hue-60:36,32,21;
  --hue-61:58,54,41;--hue-62:68,64,53;--hue-63:236,233,224;--hue-64:240,236,225;--hue-65:230,227,220;--hue-66:74,70,58;
  --hue-67:235,233,226;--hue-68:106,102,92;--hue-72:18,16,9;--hue-73:30,27,19;--hue-74:22,20,12;--hue-75:30,26,16;
  --hue-76:26,23,13;--hue-77:20,18,11;--hue-78:23,20,13;--hue-79:36,34,28;--hue-80:25,22,15;--hue-81:12,10,4;
  --hue-82:52,50,42;--hue-83:255,249,230;--hue-84:16,14,7;--hue-85:184,166,111;--hue-86:194,177,126;--hue-87:75,70,53;
  --hue-88:119,108,75;--hue-89:208,195,158;--hue-90:19,16,9;--hue-91:28,25,15;--hue-92:239,236,228;--hue-93:42,39,30;
  --hue-94:30,28,21;--hue-95:196,165,72;--hue-96:104,102,95;--hue-97:148,146,138;--hue-98:179,176,169;--hue-99:140,137,126;
  --hue-100:199,185,143;--hue-101:127,123,111;--hue-102:66,61,44;--hue-103:206,189,138;--hue-104:18,16,11;--hue-105:8,7,4;
  --hue-106:13,12,7;--hue-107:16,14,8;--hue-108:16,14,7;--hue-109:15,14,9;--hue-110:19,17,11;--hue-111:16,14,10;
  --hue-112:20,18,14;--hue-113:11,10,6;--hue-114:14,12,8;--hue-115:35,31,19;}
