:root {
      --bg: #F6F4F0;
      --bg2: #EDEBE7;
      --surface: #FFFFFF;
      --surface2: #E4E1DC;
      --border: rgba(17, 17, 17, 0.10);
      --border-mid: rgba(17, 17, 17, 0.16);
      --accent: #1A52E0;
      --accent-soft: rgba(26, 82, 224, 0.06);
      --accent-hover: #1443B8;
      --accent-light: #5B8FFF;
      --text: #111111;
      --text-muted: #5A5650;
      --text-dim: #9B9790;
      --font-display: 'EB Garamond', Georgia, serif;
      --font-body: 'DM Sans', system-ui, sans-serif;
    }

    *,
    *::before,
    *::after {
      box-sizing: border-box;
      margin: 0;
      padding: 0;
    }

    html {
      scroll-behavior: smooth;
    }

    body {
      background: var(--bg);
      color: var(--text);
      font-family: var(--font-body);
      font-size: 16px;
      line-height: 1.65;
      overflow-x: hidden;
    }