/* Nightshift / Attic Domain shared design tokens */
@import url('https://fonts.googleapis.com/css2?family=Archivo:ital,wght@0,500;0,600;0,700;0,800;0,900&family=Instrument+Sans:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500&display=swap');

:root{
  /* dark / premium mode (reveal + estimate screens, dashboard chrome) */
  --ns-black-0: #0c0a08;
  --ns-black-1: #110e0b;
  --ns-panel: #17130f;
  --ns-ember: #ff8a3d;
  --ns-gold: #ffc861;
  --ns-rust: #c9451f;
  --ns-teal: #5ad1c4;
  --ns-grad: linear-gradient(135deg, var(--ns-gold), var(--ns-ember) 55%, var(--ns-rust));

  /* light mode (question screens) */
  --ns-paper-0: #faf7f2;
  --ns-paper-1: #f2ede4;
  --ns-paper-panel: #ffffff;
  --ns-ink-0: #1c1712;
  --ns-ink-1: #4a3f34;
  --ns-ink-mute: #8a7d6d;
  --ns-line: #e7ded0;

  --ns-font-display: 'Archivo', sans-serif;
  --ns-font-body: 'Instrument Sans', sans-serif;
  --ns-font-mono: 'IBM Plex Mono', monospace;

  --ns-radius: 18px;
  --ns-radius-sm: 12px;
  --ns-shadow-soft: 0 8px 30px rgba(20,14,8,0.10);
  --ns-shadow-deep: 0 20px 60px rgba(0,0,0,0.45);
}

*{ box-sizing: border-box; }
html,body{ margin:0; padding:0; font-family: var(--ns-font-body); }
h1,h2,h3,.ns-display{ font-family: var(--ns-font-display); font-stretch: expanded; letter-spacing: -0.01em; }
.ns-mono{ font-family: var(--ns-font-mono); letter-spacing: 0.02em; }

button{ font-family: inherit; cursor: pointer; }
a{ color: inherit; }

.ns-visually-hidden{
  position:absolute; width:1px; height:1px; overflow:hidden;
  clip:rect(0,0,0,0); white-space:nowrap; border:0; padding:0; margin:-1px;
}

@media (prefers-reduced-motion: reduce){
  *{ animation-duration: 0.001ms !important; transition-duration: 0.001ms !important; }
}