/* ============================================================
   IMAGINE REIGN — WORLDS

   Each page picks a world. A world is a palette, a type pairing,
   and a ground texture — nothing else. The primitives in kit.css
   don't change, so a page keeps its behaviour and its bones and
   only changes its climate.

   Four ship with the theme. Adding a fifth is one block: set the
   tokens, done.

   Fonts each world expects (loaded by functions.php as needed):
     dossier / daylight  Plus Jakarta Sans + DM Mono
     casefile            Special Elite + Caveat
     spill               Bricolage Grotesque + Instrument Sans
============================================================ */

/* ---------- DOSSIER ----------
   The original about page. Black room, gold and oxblood, one
   pool of light. For work that should feel authored and serious. */
.ir-world-dossier{
  --ir-ground:#0C0B0C;
  --ir-raised:#141213;
  --ir-ink:#E7E3DD;
  --ir-ink-soft:#C9C4BC;
  --ir-dim:rgba(231,227,221,.55);
  --ir-rule:rgba(231,227,221,.14);
  --ir-rule-soft:rgba(231,227,221,.07);

  --ir-accent:#C9A24B;
  --ir-accent-2:#A31E2F;
  --ir-accent-3:#ADA498;
  --ir-on-accent:#0C0B0C;

  --ir-texture:
    linear-gradient(rgba(231,227,221,.05) 1px,transparent 1px),
    linear-gradient(90deg,rgba(231,227,221,.05) 1px,transparent 1px);
  --ir-texture-size:64px 64px;
  --ir-texture-opacity:.9;

  --ir-shadow-hard:14px 14px 0 var(--ir-accent-2);
}

/* ---------- DAYLIGHT ----------
   Dossier turned up to noon. Same bones, paper ground. The
   interview page runs on this. */
.ir-world-daylight{
  --ir-ground:#F7F4EE;
  --ir-raised:#FFFFFF;
  --ir-ink:#14100F;
  --ir-ink-soft:#3A322E;
  --ir-dim:rgba(20,16,15,.56);
  --ir-rule:rgba(20,16,15,.13);
  --ir-rule-soft:rgba(20,16,15,.07);

  --ir-accent:#A87C1F;
  --ir-accent-2:#A31E2F;
  --ir-accent-3:#17605B;
  --ir-on-accent:#FFFFFF;

  --ir-texture:
    linear-gradient(rgba(20,16,15,.055) 1px,transparent 1px),
    linear-gradient(90deg,rgba(20,16,15,.055) 1px,transparent 1px);
  --ir-texture-size:64px 64px;

  --ir-shadow-hard:14px 14px 0 var(--ir-accent);
}

/* ---------- CASEFILE ----------
   Green desk mat, manila, typewriter. Everything is evidence.
   For pages that want to be searched rather than read. */
.ir-world-casefile{
  --ir-ground:#173229;
  --ir-raised:#F2ECDD;
  --ir-ink:#E8E2D4;
  --ir-ink-soft:#CFC7B4;
  --ir-dim:rgba(232,226,212,.6);
  --ir-rule:rgba(232,226,212,.18);
  --ir-rule-soft:rgba(232,226,212,.08);

  --ir-accent:#F4C95D;
  --ir-accent-2:#C8281E;
  --ir-accent-3:#E8D9A8;
  --ir-on-accent:#1A1A1A;

  --ir-display:"Special Elite","Courier New",monospace;
  --ir-body:"Special Elite","Courier New",monospace;
  --ir-micro:"Special Elite","Courier New",monospace;
  --ir-display-weight:400;
  --ir-display-tracking:.01em;
  --ir-display-case:none;

  /* the desk mat weave: fine grid over a coarse one */
  --ir-texture:
    repeating-linear-gradient(0deg,rgba(255,255,255,.055) 0 1px,transparent 1px 46px),
    repeating-linear-gradient(90deg,rgba(255,255,255,.055) 0 1px,transparent 1px 46px),
    repeating-linear-gradient(0deg,rgba(255,255,255,.028) 0 1px,transparent 1px 230px),
    repeating-linear-gradient(90deg,rgba(255,255,255,.028) 0 1px,transparent 1px 230px);
  --ir-texture-size:auto;
  --ir-texture-opacity:1;
  --ir-texture-mask:none;

  --ir-shadow-hard:none;
  --ir-shadow-lift:0 10px 16px rgba(0,0,0,.45);
}
/* the handwriting only exists in this world */
.ir-world-casefile .ir-hand{
  font-family:"Caveat",cursive;
  font-size:1.55em;letter-spacing:.02em;
  color:var(--ir-accent);text-transform:none;
}
.ir-world-casefile .ir-panel{box-shadow:0 22px 34px rgba(0,0,0,.5)}
.ir-world-casefile .ir-tag{box-shadow:0 2px 4px rgba(0,0,0,.4);border:none}
/* manila paper, for anything that should read as a document */
.ir-world-casefile .ir-paper{
  background:
    repeating-linear-gradient(0deg,transparent 0 26px,rgba(120,90,30,.12) 26px 27px),
    var(--ir-raised);
  color:#2A241A;
  box-shadow:inset 0 0 0 1px rgba(120,90,30,.25);
  padding:18px;
}
.ir-world-casefile .ir-paper::before{
  content:"";display:block;height:7px;margin:-18px -18px 14px;
  background:repeating-linear-gradient(45deg,var(--ir-accent-2) 0 10px,transparent 10px 20px);
  opacity:.75;
}

/* ---------- SPILL ----------
   Bordeaux, lime, milk. Chunky outlines and printed shadows.
   The loudest of the four — for pages meant to be played with. */
.ir-world-spill{
  --ir-ground:#EDEDF0;
  --ir-raised:#FCF3E4;
  --ir-ink:#1E0C10;
  --ir-ink-soft:rgba(30,12,16,.85);
  --ir-dim:rgba(30,12,16,.6);
  --ir-rule:rgba(30,12,16,.18);
  --ir-rule-soft:rgba(30,12,16,.08);

  --ir-accent:#C6D92E;
  --ir-accent-2:#732832;
  --ir-accent-3:#5A1E27;
  --ir-on-accent:#1E0C10;

  --ir-display:"Bricolage Grotesque","Plus Jakarta Sans",sans-serif;
  --ir-body:"Instrument Sans",system-ui,sans-serif;
  --ir-micro:"Bricolage Grotesque","Plus Jakarta Sans",sans-serif;
  --ir-display-tracking:-.02em;

  --ir-texture:
    repeating-linear-gradient(45deg,rgba(27,27,30,.03) 0 1px,transparent 1px 5px),
    repeating-linear-gradient(-45deg,rgba(255,255,255,.05) 0 1px,transparent 1px 5px);
  --ir-texture-size:auto;
  --ir-texture-opacity:1;
  --ir-texture-mask:none;

  --ir-shadow-hard:6px 6px 0 var(--ir-ink);
}
/* this world rounds its corners — the only one that does */
.ir-world-spill .ir-tag,
.ir-world-spill .ir-hint{border-radius:999px}
.ir-world-spill .ir-panel,
.ir-world-spill .ir-frame{border-width:2.5px;border-radius:14px}
.ir-world-spill .ir-btn{border-radius:999px;border:2.5px solid var(--ir-ink);box-shadow:0 4px 0 rgba(25,25,30,.22)}
.ir-world-spill .ir-col{border-top-width:4px}
/* the floor the items land on */
.ir-world-spill .ir-floor{
  position:absolute;left:0;right:0;bottom:0;height:var(--ir-floor-h,84px);
  border-top:2.5px solid var(--ir-ink);
  background:
    repeating-linear-gradient(90deg,rgba(27,27,30,.07) 0 2px,transparent 2px 26px),
    linear-gradient(180deg,rgba(27,27,30,.10),rgba(27,27,30,.20));
  pointer-events:none;
}