/* Edit this file to change the design system across the entire portfolio. */
@font-face {
  font-family: Manrope;
  src: url('../fonts/manrope-latin.woff2') format('woff2');
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
}
:root {
  --font: 'Manrope', Arial, Helvetica, sans-serif;
  --font-mono: ui-monospace, SFMono-Regular, Consolas, monospace;
  --page: #f5f6f8;
  --surface: #ffffff;
  --ink: #14171e;
  --muted: #656d7b;
  --line: #dfe2e8;
  --soft: #edf0f5;
  --accent: #2459ed;
  --accent-soft: #e9efff;
  --button: #14171e;
  --button-text: #fff;
  --header: rgba(245, 246, 248, 0.92);
  --radius: 20px;
  --radius-small: 10px;
  --container: 1280px;
  --space-section: 112px;
  --ease: cubic-bezier(0.22, 0.68, 0, 1.01);
  --shadow: 0 20px 60px rgba(19, 29, 54, 0.08);
}
:root[data-theme='dark'] {
  --page: #101217;
  --surface: #181b22;
  --ink: #f2f4f9;
  --muted: #a3acbb;
  --line: #303641;
  --soft: #212630;
  --accent: #93b3ff;
  --accent-soft: #233558;
  --button: #f2f4f9;
  --button-text: #11151b;
  --header: rgba(16, 18, 23, 0.94);
  --shadow: 0 20px 60px rgba(0, 0, 0, 0.18);
}