/* Portfolio design tokens — mirrored from heyitsmejosh.com/tokens.css */
/* Last synced: 2026-06-28 */

:root {
  --blue: #5B9BD5;
  --blue-light: #BFDDF5;
  --navy: #252a49;

  --bg: #ffffff;
  --bg2: #f5f5f5;
  --text: #252a49;
  --text2: #666;
  --text3: #aaa;
  --accent: var(--blue);
  --border: #e8e8e8;
  --border2: #f0f0f0;

  --font: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Helvetica Neue", Helvetica, Arial, sans-serif;

  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-pill: 100px;

  --shadow-sm: 0 1px 4px rgba(37,42,73,0.06);
  --shadow-md: 0 4px 14px rgba(37,42,73,0.10);
  --shadow-lg: 0 8px 28px rgba(37,42,73,0.14);

  --spring: cubic-bezier(0.34,1.56,0.64,1);
  --ease: cubic-bezier(0.16,1,0.3,1);
}

[data-theme="dark"] {
  --bg: #111111;
  --bg2: #1a1a1a;
  --text: #e8e8f0;
  --text2: rgba(232,232,240,0.60);
  --text3: rgba(232,232,240,0.30);
  --border: rgba(232,232,240,0.10);
  --border2: rgba(232,232,240,0.05);
}