@font-face {
  font-family: 'Myriad Pro';
  src: url('./MYRIADPRO-REGULAR.OTF') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Myriad Pro';
  src: url('./MYRIADPRO-BOLD.OTF') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Myriad Pro Condensed';
  src: url('./MYRIADPRO-BOLDCOND.OTF') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

:root {
  --font-main: 'Myriad Pro', 'Segoe UI', Tahoma, sans-serif;
  --font-head: 'Myriad Pro Condensed', 'Myriad Pro', 'Segoe UI', sans-serif;
  --color-bg: #090b11;
  --color-panel: rgba(10, 13, 18, 0.86);
  --color-panel-border: rgba(255, 255, 255, 0.14);
  --color-text: #f3f5f8;
  --color-muted: #aeb6c5;
  --color-accent: #f28a2e;
  --color-accent-strong: #ff9d3f;
  --color-error: #ff6d6d;
  --color-success: #6fe28e;
  --radius-main: 18px;
}