/* ============================================================
   Gallery CMS — shared design tokens
   Gallery-wall aesthetic: warm paper, ink type, hairline rules,
   darkroom-amber accent reserved for locked / private states.
   ============================================================ */

:root {
  /* Surfaces */
  --paper:        #F7F6F2;
  --paper-card:   #FFFFFF;
  --paper-sunk:   #EFEDE6;

  /* Ink + text */
  --ink:          #17161B;
  --ink-soft:     #3B3934;
  --muted:        #7A756C;
  --muted-2:      #A39E94;

  /* Lines */
  --line:         #E6E2D9;
  --line-strong:  #D7D2C6;

  /* Accent — darkroom amber, used sparingly for keys / private state */
  --amber:        #A6701F;
  --amber-ink:    #6E4A12;
  --amber-soft:   #F2E7D0;

  /* Semantic */
  --danger:       #9A382C;
  --danger-soft:  #F3E0DC;
  --good:         #3E6B4F;

  /* Focus ring */
  --focus:        #17161B;

  /* Type */
  --font-display: "Fraunces", Georgia, "Times New Roman", serif;
  --font-ui:      "Hanken Grotesk", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;

  /* Radii — low, gallery-wall feel */
  --r-sm: 4px;
  --r-md: 7px;
  --r-lg: 12px;
  --r-pill: 999px;

  /* Shadows — barely there */
  --shadow-1: 0 1px 2px rgba(23, 22, 27, 0.05);
  --shadow-2: 0 6px 24px rgba(23, 22, 27, 0.09);
  --shadow-pop: 0 14px 50px rgba(23, 22, 27, 0.18);

  /* Spacing rhythm */
  --gap: 16px;
}

* { box-sizing: border-box; }

html, body {
  margin: 0;
  padding: 0;
}

body {
  font-family: var(--font-ui);
  color: var(--ink);
  background: var(--paper);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

a { color: inherit; }

:focus-visible {
  outline: 2px solid var(--focus);
  outline-offset: 2px;
}

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