/* Google Fonts - Roboto and Roboto Mono */
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,400;0,500;0,600;1,400;1,500&family=Roboto+Mono:ital,wght@0,400;0,500;1,400;1,500&display=swap');

/* Telegram Icons Font (tgico) */
@font-face {
  font-family: 'tgico';
  src: 
    url('fonts/tgico.ttf?lxztu9') format('truetype'),
    url('fonts/tgico.woff?lxztu9') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

/* Fallback font stack for better performance */
:root {
  --font-family-primary: 'Roboto', -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Arial, Tahoma, Verdana, sans-serif;
  --font-family-mono: 'Roboto Mono', 'SF Mono', Monaco, 'Cascadia Code', 'Roboto Mono', Consolas, 'Courier New', monospace;
  --font-family-icons: 'tgico', 'Segoe UI Symbol', 'Apple Color Emoji', 'Noto Color Emoji', sans-serif;
}

/* Apply fonts globally */
body, html {
  font-family: var(--font-family-primary);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Monospace font for code and input fields */
code, pre, input[type="tel"], input[type="text"], textarea {
  font-family: var(--font-family-mono);
}

/* Font weight utilities */
.font-normal { font-weight: 400; }
.font-medium { font-weight: 500; }
.font-semibold { font-weight: 600; }

/* Font style utilities */
.font-italic { font-style: italic; }

/* Telegram Icons (tgico) */
.tgico {
  font-family: var(--font-family-icons) !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}