@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500&family=DM+Sans:wght@300;400;500&family=DM+Mono:wght@400&display=swap');

:root {
  --bg-base:    #0e0f10;
  --bg-surface: #161718;
  --bg-raised:  #1e2022;
  --bg-hover:   #252729;

  --ac:         #e8a838;
  --ac-dim:     rgba(232,168,56,.15);
  --ac-border:  rgba(232,168,56,.35);

  --tx-primary:   #f0ede8;
  --tx-secondary: #8a8680;
  --tx-tertiary:  #4a4845;

  --danger:       #e24b4a;
  --danger-dim:   rgba(226,75,74,.15);
  --success:      #3db87a;
  --border:       rgba(255,255,255,.07);
  --border-em:    rgba(255,255,255,.14);

  --font-display: 'Playfair Display', Georgia, serif;
  --font-body:    'DM Sans', sans-serif;
  --font-mono:    'DM Mono', monospace;

  --r-xs:  4px;
  --r-sm:  8px;
  --r-md:  12px;
  --r-lg:  16px;

  --topbar-h: 52px;
  --sb-w: 200px;
  --thumb-min: 100px;

  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in:  cubic-bezier(0.4, 0, 1, 1);

  --t-fast:   120ms;
  --t-normal: 220ms;
  --t-slow:   380ms;
}