@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');

:root {
  --sf-graphite: #1e2124;
  --sf-graphite-soft: #2b2f33;
  --sf-steel: #5b6169;
  --sf-enamel: #f1f3ef;
  --sf-enamel-dim: #e6e8e2;
  --sf-ink: #15171a;
  --sf-amber: #e8a23d;
  --sf-amber-dark: #b87b27;
  --sf-green: #3f9065;
  --sf-red: #c1442d;
  --sf-container: 1200px;
  --sf-radius-sm: 6px;
  --sf-radius-md: 12px;
  --sf-radius-lg: 20px;
  --sf-shadow-sm: 0 4px 14px rgba(0,0,0,.06);
  --sf-shadow-md: 0 14px 35px rgba(0,0,0,.12);
  --sf-font-display: "Manrope", sans-serif;
  --sf-font-body: "Inter", sans-serif;
}