/* Atelier design system — Key Plans mockups */
@font-face{font-family:"Roobert";src:url("assets/Roobert-Regular.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Roobert";src:url("assets/Roobert-Medium.woff2") format("woff2");font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:"Roobert Mono";src:url("assets/RoobertMono-Regular.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Roobert Mono";src:url("assets/RoobertMono-Medium.woff2") format("woff2");font-weight:500;font-style:normal;font-display:swap}

:root{
  --bone:#E9E5DC;
  --bone-2:#EFECE4;
  --ink:#171512;
  --ink-2:#3A362F;
  --ink-mute:#8A857B;
  --accent:#F1613A;
  --accent-dk:#D94E2A;
  --line:#E4E0D6;
  --line-2:#EDEAE2;
  --white:#FCFBF8;
  /* dark chrome */
  --nk:#171512;
  --nk-2:#211E19;
  --nk-3:#2A261F;
  --nk-line:#332F27;
  --nk-text:#EFECE4;
  --nk-mute:#9C968A;
}
*{box-sizing:border-box;margin:0;padding:0}
html,body{background:var(--bone);color:var(--ink);font-family:"Roobert",system-ui,sans-serif;-webkit-font-smoothing:antialiased;font-size:12px;line-height:1.45}
a{color:inherit;text-decoration:none}
.mono{font-family:"Roobert Mono","Fragment Mono",monospace}

/* cube icon */
.cube{width:30px;height:30px;border-radius:6px;background:linear-gradient(150deg,#F1613A,#D94E2A);display:flex;align-items:center;justify-content:center;flex:0 0 auto;box-shadow:0 1px 0 rgba(255,255,255,.12) inset,0 4px 12px rgba(217,78,42,.28)}
.cube svg{width:15px;height:15px;stroke:#fff;fill:none;stroke-width:1.6}
.cube.sm{width:26px;height:26px;border-radius:5px}
.cube.sm svg{width:13px;height:13px}

/* eyebrow / chip */
.eyebrow{font-family:"Roobert Mono",monospace;font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-mute)}
.chip{font-family:"Roobert Mono",monospace;font-size:9.5px;letter-spacing:.09em;text-transform:uppercase;color:var(--ink-2);background:var(--bone-2);border:1px solid var(--line);border-radius:3px;padding:2px 6px;white-space:nowrap}

/* pin footer tag */
.tag{position:fixed;bottom:14px;left:16px;font-family:"Roobert Mono",monospace;font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-mute);z-index:60}