:root {
  /* Brand */
  --navy:        #0F1720;
  --navy-soft:   #1c2632;
  --gold:        #B89554;
  --gold-soft:   #d2b378;
  --cream:       #F5F3EF;
  --cream-deep:  #ECE7DD;
  --paper:       #FAF7F0;
  --ink:         #2c3440;
  --ink-soft:    #5a6573;
  --rule:        #d8d2c4;
  --rule-soft:   #e8e2d3;

  /* Status palette — 3 states only */
  /* in pipeline → gold */
  --status-shortlist:      #9A7840;
  --status-shortlist-bg:   #f5edda;
  --status-review:         #9A7840;
  --status-review-bg:      #f5edda;
  --status-interviewed:    #9A7840;
  --status-interviewed-bg: #f5edda;
  --status-new:            #9A7840;
  --status-new-bg:         #f5edda;
  /* offered → navy */
  --status-offered:        #0F1720;
  --status-offered-bg:     #dde2e8;
  /* out → muted grey */
  --status-decline:        #7A7470;
  --status-decline-bg:     #e8e4e0;
  --status-cancelled:      #7A7470;
  --status-cancelled-bg:   #e8e4e0;

  /* Typography */
  --serif:  Georgia, 'Times New Roman', 'Charter', serif;
  --sans:   -apple-system, BlinkMacSystemFont, 'Segoe UI', Inter, Roboto, 'Helvetica Neue', Arial, sans-serif;

  /* Spacing scale */
  --s1: 4px;  --s2: 8px;  --s3: 12px;  --s4: 16px;  --s5: 24px;
  --s6: 32px; --s7: 48px; --s8: 64px;  --s9: 96px;

  /* Radii / elevation — kept restrained */
  --radius:  3px;
  --radius-lg: 6px;
  --shadow:  0 1px 2px rgba(15, 23, 32, 0.06);
}

* { box-sizing: border-box; }

html, body {
  margin: 0;
  padding: 0;
  background: var(--cream);
  color: var(--ink);
  font-family: var(--sans);
  font-size: 14px;
  line-height: 1.55;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

a { color: var(--navy); text-decoration: none; border-bottom: 1px solid var(--rule); }
a:hover { color: var(--gold); border-bottom-color: var(--gold); }
a.bare { border: 0; }
a.bare:hover { color: var(--gold); }

h1, h2, h3, h4 { font-family: var(--serif); font-weight: normal; color: var(--navy); margin: 0; }
h1 { font-size: 32px; line-height: 1.2; }
h2 { font-size: 22px; line-height: 1.3; }
h3 { font-size: 18px; line-height: 1.4; }

button { font-family: var(--sans); cursor: pointer; }
input, select, textarea { font-family: var(--sans); font-size: 14px; color: var(--ink); }