@layer tokens, base, components, motion, responsive, accessibility;
@font-face {
  font-family: Manrope;
  src: url("display.ttf") format("truetype");
  font-weight: 700;
  font-display: swap;
}
@layer tokens {
  :root {
    color-scheme: light;
    --bg: #f7f8fa;
    --surface: #fff;
    --soft: #eef0f4;
    --ink: #181b22;
    --muted: #656d7c;
    --muted-strong: #565d6b;
    --line: #dce0e7;
    --blue: #0071e3;
    --blue-text: #0066cc;
    --blue-soft: #e7f2ff;
    --glass: rgb(255 255 255 / 0.72);
    --green: #186e55;
    --green-bg: #e1f3eb;
    --rose: #9e4357;
    --rose-bg: #f9e8ed;
    --shadow: 0 32px 75px -24px #172b4930, 0 6px 16px -8px #15284520;
    --display: Manrope, Arial, sans-serif;
    --body: -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
    --width: 1160px;
    --ease: cubic-bezier(0.22, 1, 0.36, 1);
    --spring: cubic-bezier(0.2, 0.8, 0.2, 1.12);
  }
}