@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url('../fonts/InterVariable.woff2') format('woff2');
}

:root {
  --awd-canvas: #0b0e13;
  --awd-surface: #13181f;
  --awd-raised: #1c242e;
  --awd-text: #f5f7fc;
  --awd-muted: #adb9c9;
  --awd-accent: #8bb9ff;
  --awd-blue: #2563eb;
  --awd-border: #34404e;
  --awd-control: #8192a9;
  --awd-success: #a9e2c8;
  --awd-error: #ffb6b6;
  --awd-radius: 8px;
  --awd-font: 'Inter', 'Segoe UI', Helvetica, sans-serif;
  --awd-display: 'Inter', 'Segoe UI', Helvetica, sans-serif;
  --awd-motion: 220ms;
  --awd-header-height: 84px;
  color-scheme: dark;
}

.awd-hybrid {
  --awd-canvas: #ffffff;
  --awd-surface: #ffffff;
  --awd-raised: #eaf1fa;
  --awd-text: #102039;
  --awd-muted: #364f70;
  --awd-accent: #155bdb;
  --awd-blue: #155bdb;
  --awd-border: #d4deeb;
  --awd-control: #73849b;
  --awd-success: #17623f;
  --awd-error: #b42332;
  --awd-button-text: #ffffff;
  --awd-hover: #1048ad;
  --awd-focus: #155bdb;
  --awd-notice-bg: #eaf2ff;
  --awd-notice-text: #24486f;
  --awd-font: 'Inter', 'Segoe UI', Helvetica, sans-serif;
  --awd-display: 'Inter', 'Segoe UI', Helvetica, sans-serif;
  color-scheme: light;
}

.awd-hybrid :is(.awd-dark, .awd-product-frame, .awd-footer, .awd-floating-lead, .awd-app-composition .awd-phone) {
  --awd-canvas: #080d16;
  --awd-surface: #101e2e;
  --awd-raised: #1a3049;
  --awd-text: #f5f7fc;
  --awd-muted: #b7c7db;
  --awd-accent: #8bb9ff;
  --awd-border: #344a63;
  --awd-control: #7f9cbd;
  --awd-success: #a9e2c8;
  --awd-error: #ffb6b6;
  --awd-button-text: #081220;
  --awd-hover: #b3d1ff;
  --awd-focus: #b3d1ff;
  --awd-notice-bg: #172c43;
  --awd-notice-text: #d0ddf1;
  color-scheme: dark;
}