/* =====================================================================
   shared.css — canonical design tokens for the 3D portfolio
   Single source of truth for both index.html and artwork.html.
   Identity: blue accent (#0077b6) + Geist typeface.
   ===================================================================== */

:root {
  --accent:      #0077b6;
  --accent-soft: rgba(0,119,182,0.13);
  --header-h:    61px;

  --bg:       #111111;
  --bg-soft:  #171717;
  --surface:  #1c1c1c;
  --tile:     #202020;
  --tile-2:   #282828;
  --ink:      #f0f0ef;
  --ink-2:    #b6b6b3;
  --ink-3:    #7a7a78;
  --ink-4:    #4a4a48;
  --line:     rgba(255,255,255,0.08);
  --line-2:   rgba(255,255,255,0.04);

  --pad:    40px;
  --gap:    24px;
  --gap-lg: 48px;
  --radius: 14px;

  font-family: 'Geist', ui-sans-serif, system-ui, sans-serif;
}

[data-theme="light"] {
  --bg:       #f0f0ee;
  --bg-soft:  #e8e8e6;
  --surface:  #f7f7f7;
  --tile:     #e4e4e2;
  --tile-2:   #d9d9d7;
  --ink:      #0d0d0e;
  --ink-2:    #3a3a38;
  --ink-3:    #6f6f6c;
  --ink-4:    #a6a6a3;
  --line:     rgba(0,0,0,0.10);
  --line-2:   rgba(0,0,0,0.06);
}