@import url("https://fonts.googleapis.com/css2?family=Inter:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300&display=swap");

:root {
      --primary: #355d7a;
      --secondary: #7a8f52;
      --tertiary: #c57b45;
      --light: #f4f7f8;
      --dark: #121a1f;
      --mid: #5e6d78;
      --border: rgba(18,26,31,0.1);
      --border-light: rgba(255,255,255,0.1);
      --font: 'Inter', sans-serif;
      --max: 1160px;
    
  /* Semantic tokens — light mode (default) */
  --bg:            var(--light);
  --bg-surface:    #fff;
  --fg:            var(--dark);
  --fg-muted:      var(--mid);
  --border-subtle: var(--border);
}