@import url("https://fonts.googleapis.com/css2?family=Sora:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap");

:root {
  --aon-bg: #f6f7f9;
  --aon-surface: #ffffff;
  --aon-surface-soft: #f8fafc;
  --aon-text: #1b1f2a;
  --aon-muted: #6b7280;
  --aon-line: #e6e8ee;
  --aon-primary: #1f6feb;
  --aon-primary-dark: #0f4bd6;
  --aon-cyan: #20a6d7;
  --aon-success: #16845b;
  --aon-warning: #a65d08;
  --aon-danger: #d9363e;
  --aon-info-soft: #eaf3ff;
  --aon-radius-sm: 10px;
  --aon-radius: 16px;
  --aon-radius-lg: 24px;
  --aon-shadow: 0 12px 35px rgba(15, 23, 42, .055);
  --aon-font: "Sora", "Segoe UI", system-ui, sans-serif;
  --aon-display: "Space Grotesk", "Sora", system-ui, sans-serif;
  --container: 1680px;
}