/* ═══════════════════════════════════════════════════
   ROTARY DISTRICT 3060 - GLOBAL DESIGN TOKENS & RESET
═══════════════════════════════════════════════════ */
:root {
  --navy:      #01236a;
  --navy-deep: #010f2e;
  --navy-mid:  #0d3885;
  --cobalt:    #1A5EB8;
  --cobalt-lt: #3575d4;
  --gold:      #C9922A;
  --gold-lt:   #E8B84B;
  --gold-pale: #FBF4E8;
  --amber:     #f5a623;
  --cream:     #FAF8F4;
  --white:     #FFFFFF;
  --ink:       #0D0E1A;
  --ink-mid:   #3B3C50;
  --ink-soft:  #6B6C80;
  --rule:      rgba(201,146,42,0.18);
  --rule-hard: #E2DDD5;

  --ff-display: 'DM Sans', system-ui, sans-serif;
  --ff-body:    'DM Sans', system-ui, sans-serif;
  --ff-mono:    'DM Mono', monospace;

  --radius-sm:  6px;
  --radius-md:  14px;
  --radius-lg:  24px;
  --radius-xl:  40px;

  --shadow-sm:  0 2px 8px rgba(1,35,106,.06);
  --shadow-md:  0 6px 24px rgba(1,35,106,.10);
  --shadow-lg:  0 16px 48px rgba(1,35,106,.14);
}

*, *::before, *::after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

body {
  font-family: var(--ff-body);
  background: var(--cream);
  color: var(--ink);
  line-height: 1.7;
  overflow-x: hidden;
}

img {
  max-width: 100%;
  height: auto;
}

.page-number {
  text-align: right;
  margin: 20px 0;
  font-size: 14px;
  color: #666;
}

/* Common spacer utilities */
.sp { height: 32px; }
.sp-sm { height: 16px; }