/* Aureus design tokens */
@import url('https://fonts.googleapis.com/css2?family=Inter+Tight:wght@300;400;500;600;700&family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap');

:root {
  /* Bone backgrounds */
  --bone-50:   #FAF7F0;
  --bone-100:  #F5F1E8;
  --bone-150:  #EFE9DC;
  --bone-200:  #E8E2D0;
  --bone-300:  #D9D1BC;

  /* Ink */
  --ink-900:   #1B1714;
  --ink-800:   #2A2520;
  --ink-700:   #3D352C;
  --ink-600:   #5A5044;
  --ink-500:   #7A6F60;
  --ink-400:   #A0937F;
  --ink-300:   #C2B7A4;
  --ink-200:   #DDD4C2;

  /* Aureus Gold */
  --gold-900:  #6E5523;
  --gold-700:  #8E6F2C;
  --gold-600:  #A47B2B;
  --gold-500:  #B8923F;
  --gold-400:  #C9A961;
  --gold-300:  #DCC287;
  --gold-200:  #ECDCB3;
  --gold-100:  #F5EAD0;
  --gold-50:   #FAF3E0;

  /* Semantic */
  --sage-700:  #4F6E43;
  --sage-500:  #6B8E5A;
  --sage-300:  #A9C19A;
  --sage-100:  #DDE7D4;
  --clay-700:  #8E4329;
  --clay-500:  #B85C3F;
  --clay-300:  #D8987F;
  --clay-100:  #EFD9CD;

  /* Hairlines & shadows */
  --line:      rgba(60,40,20,0.10);
  --line-soft: rgba(60,40,20,0.06);
  --line-strong: rgba(60,40,20,0.18);
  --shadow-1:  0 1px 2px rgba(60,40,20,0.04), 0 2px 6px rgba(60,40,20,0.05);
  --shadow-2:  0 4px 12px rgba(60,40,20,0.06), 0 12px 32px rgba(60,40,20,0.06);
  --shadow-3:  0 8px 24px rgba(60,40,20,0.10), 0 24px 64px rgba(60,40,20,0.10);

  /* Type */
  --font-display: 'Inter Tight', -apple-system, system-ui, sans-serif;
  --font-body:    'Inter', -apple-system, system-ui, sans-serif;
  --font-mono:    'JetBrains Mono', ui-monospace, Menlo, monospace;
}

/* Reset within Aureus surfaces */
.aureus, .aureus * {
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.aureus {
  font-family: var(--font-body);
  color: var(--ink-900);
  background: var(--bone-100);
  font-feature-settings: 'ss01', 'cv11';
}

.aureus .mono   { font-family: var(--font-mono); font-feature-settings: 'tnum'; }
.aureus .tnum   { font-variant-numeric: tabular-nums; font-feature-settings: 'tnum'; }
.aureus .display{ font-family: var(--font-display); letter-spacing: -0.02em; }

.aureus .eyebrow {
  font-family: var(--font-body);
  font-size: 10px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  color: var(--ink-500);
}

.aureus .card {
  background: #fff;
  border-radius: 20px;
  border: 1px solid var(--line);
  padding: 16px;
}

.aureus .hair {
  height: 1px;
  background: var(--line);
  width: 100%;
}

.aureus button { font-family: inherit; cursor: pointer; }
.aureus ::selection { background: var(--gold-200); }

/* Scrollbar hidden inside artboards (already handled by canvas) */