/*
 * WhatsApp (whatsapp@1.0.0)
 * Palette: whatsapp@1.0.0
 * Fonts:   heading=inter@1.0.0, body=inter@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-whatsapp-green: #25D366;
  --color-swatch-whatsapp-green-dark: #128C7E;
  --color-swatch-whatsapp-teal-dark: #075E54;
  --color-swatch-whatsapp-green-50: #F4FDFA;
  --color-swatch-whatsapp-green-100: #D5F7EB;
  --color-swatch-whatsapp-green-200: #98EBCD;
  --color-swatch-whatsapp-green-300: #3AC7A1;
  --color-swatch-whatsapp-green-400: #26A28B;
  --color-swatch-whatsapp-green-600: #148072;
  --color-swatch-whatsapp-green-800: #005C54;
  --color-swatch-whatsapp-green-900: #0C4243;
  --color-swatch-whatsapp-green-1000: #17261F;
  --color-swatch-whatsapp-bubble-out: #DCF8C6;
  --color-swatch-whatsapp-chat-bg-light: #E5DDD5;
  --color-swatch-whatsapp-white: #FFFFFF;
  --color-swatch-whatsapp-surface-light: #F0F2F5;
  --color-swatch-whatsapp-text-on-light: #111B21;
  --color-swatch-whatsapp-text-secondary-light: #667781;
  --color-swatch-whatsapp-canvas-dark: #0B141A;
  --color-swatch-whatsapp-surface-dark: #202C33;
  --color-swatch-whatsapp-bubble-out-dark: #005C4B;
  --color-swatch-whatsapp-text-on-dark: #E9EDEF;

  /* Light-mode semantic roles */
  --color-background: #FFFFFF;
  --color-surface: #F0F2F5;
  --color-surface-elevated: #FFFFFF;
  --color-text-primary: #111B21;
  --color-text-secondary: #667781;
  --color-text-tertiary: #667781;
  --color-primary: #25D366;
  --color-primary-hover: #128C7E;
  --color-accent: #25D366;
  --color-accent-hover: #128C7E;
  --color-warning: #3AC7A1;
  --color-warning-hover: #26A28B;
  --color-error: #128C7E;
  --color-success: #25D366;
  --color-border: #F0F2F5;

  /* Brand-level role overrides */
  --brand-color-identity: #25D366;
  --brand-color-on-identity: #FFFFFF;
  --brand-color-background: #FFFFFF;
  --brand-color-surface: #F0F2F5;
  --brand-color-surface-elevated: #FFFFFF;
  --brand-color-text-primary: #111B21;
  --brand-color-text-secondary: #667781;
  --brand-color-primary: #25D366;
  --brand-color-primary-hover: #128C7E;
  --brand-color-accent: #25D366;
  --brand-color-accent-hover: #128C7E;
  --brand-color-mark: #25D366;
  --brand-color-success: #25D366;
  --brand-color-warning: #3AC7A1;
  --brand-color-error: #128C7E;

  /* Typography */
  --font-heading: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  --font-body: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, '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: #0B141A;
    --color-surface: #202C33;
    --color-surface-elevated: #202C33;
    --color-text-primary: #E9EDEF;
    --color-text-secondary: #98EBCD;
    --color-text-tertiary: #3AC7A1;
    --color-primary: #25D366;
    --color-primary-hover: #148072;
    --color-accent: #25D366;
    --color-accent-hover: #148072;
    --color-warning: #3AC7A1;
    --color-warning-hover: #26A28B;
    --color-error: #128C7E;
    --color-success: #25D366;
    --color-border: #17261F;
  }
}