/* Shared design tokens for the CreativeHut internal AI tools platform.
   Every tool page should link this file so the whole platform reads as one product. */

:root{
  --ink:#1B2333;
  --paper:#FAF6EC;
  --paper-line:#DCD3BC;
  --blueprint:#2C6E8E;
  --blueprint-dim:#7FA8B8;
  --amber:#D98E32;
  --amber-dim:#F0DCBB;
  --panel:#EFE9D8;
  --radius:10px;
  --font-display:'Space Grotesk', sans-serif;
  --font-plan:'Newsreader', serif;
  --font-mono:'JetBrains Mono', monospace;
}

*{ box-sizing:border-box; }

body{
  margin:0;
  background:
    linear-gradient(var(--paper-line) 1px, transparent 1px) 0 0/100% 28px,
    var(--paper);
  color:var(--ink);
  font-family:var(--font-plan);
  min-height:100vh;
}

a{ color:var(--blueprint); text-decoration:none; }
a:hover{ text-decoration:underline; }

.shell-eyebrow{
  font-family:var(--font-mono);
  font-size:12px;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:var(--blueprint);
  display:flex;
  align-items:center;
  gap:8px;
}
.shell-eyebrow::before{
  content:"";
  width:18px; height:2px;
  background:var(--amber);
  display:inline-block;
}

.shell-back{
  font-family:var(--font-mono);
  font-size:12.5px;
  display:inline-block;
  margin-bottom:18px;
}