/*
 * Telegram (telegram@1.0.0)
 * Palette: telegram@1.0.0
 * Fonts:   heading=roboto@1.0.0, body=roboto@1.0.0, mono=jetbrainsmono-nerdfont@1.0.0
 * Generated by brand-atoms converter — do not edit by hand.
 */

:root {
  /* Swatches (source-of-truth color values) */
  --color-swatch-telegram-blue: #0088CC;
  --color-swatch-telegram-blue-dark: #006699;
  --color-swatch-telegram-blue-100: #E5F1FA;
  --color-swatch-telegram-blue-300: #3CA1EB;
  --color-swatch-telegram-blue-400: #30AAFD;
  --color-swatch-telegram-blue-500: #2481CC;
  --color-swatch-telegram-blue-600: #1C93E3;
  --color-swatch-telegram-blue-700: #1A8AD5;
  --color-swatch-telegram-blue-800: #1482D1;
  --color-swatch-telegram-white: #FFFFFF;
  --color-swatch-telegram-surface-light: #F7F7F7;
  --color-swatch-telegram-border-light: #E6E6E6;
  --color-swatch-telegram-text-on-light: #333333;
  --color-swatch-telegram-text-secondary-light: #7D7F81;
  --color-swatch-telegram-canvas-dark: #212429;
  --color-swatch-telegram-surface-dark: #262A2E;
  --color-swatch-telegram-surface-dark-elevated: #33373D;
  --color-swatch-telegram-text-on-dark: #FFFFFF;
  --color-swatch-telegram-text-secondary-dark: #84888C;
  --color-swatch-telegram-surface-dark-deep: #1E1E1E;

  /* Light-mode semantic roles */
  --color-background: #FFFFFF;
  --color-surface: #F7F7F7;
  --color-surface-elevated: #FFFFFF;
  --color-text-primary: #333333;
  --color-text-secondary: #7D7F81;
  --color-text-tertiary: #7D7F81;
  --color-primary: #0088CC;
  --color-primary-hover: #1482D1;
  --color-accent: #0088CC;
  --color-accent-hover: #1A8AD5;
  --color-warning: #30AAFD;
  --color-warning-hover: #1A8AD5;
  --color-error: #006699;
  --color-success: #0088CC;
  --color-border: #E6E6E6;

  /* Brand-level role overrides */
  --brand-color-identity: #0088CC;
  --brand-color-on-identity: #FFFFFF;
  --brand-color-background: #FFFFFF;
  --brand-color-surface: #F7F7F7;
  --brand-color-surface-elevated: #FFFFFF;
  --brand-color-text-primary: #333333;
  --brand-color-text-secondary: #7D7F81;
  --brand-color-primary: #0088CC;
  --brand-color-primary-hover: #1482D1;
  --brand-color-accent: #0088CC;
  --brand-color-accent-hover: #1A8AD5;
  --brand-color-mark: #0088CC;
  --brand-color-success: #0088CC;
  --brand-color-warning: #30AAFD;
  --brand-color-error: #006699;

  /* Typography */
  --font-heading: Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;
  --font-body: Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;
  --font-mono: 'JetBrainsMono Nerd Font', 'JetBrains Mono', 'Fira Code', Menlo, Monaco, Consolas, 'Liberation Mono', monospace;
}

@media (prefers-color-scheme: dark) {
  :root {
    /* Dark-mode semantic roles override light-mode values */
    --color-background: #212429;
    --color-surface: #262A2E;
    --color-surface-elevated: #33373D;
    --color-text-primary: #FFFFFF;
    --color-text-secondary: #84888C;
    --color-text-tertiary: #84888C;
    --color-primary: #3CA1EB;
    --color-primary-hover: #30AAFD;
    --color-accent: #3CA1EB;
    --color-accent-hover: #30AAFD;
    --color-warning: #30AAFD;
    --color-warning-hover: #1A8AD5;
    --color-error: #006699;
    --color-success: #3CA1EB;
    --color-border: #33373D;
  }
}