// 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.

// ─── Swatches ─────────────────────────────────────────
$swatch-whatsapp-green: #25D366;
$swatch-whatsapp-green-dark: #128C7E;
$swatch-whatsapp-teal-dark: #075E54;
$swatch-whatsapp-green-50: #F4FDFA;
$swatch-whatsapp-green-100: #D5F7EB;
$swatch-whatsapp-green-200: #98EBCD;
$swatch-whatsapp-green-300: #3AC7A1;
$swatch-whatsapp-green-400: #26A28B;
$swatch-whatsapp-green-600: #148072;
$swatch-whatsapp-green-800: #005C54;
$swatch-whatsapp-green-900: #0C4243;
$swatch-whatsapp-green-1000: #17261F;
$swatch-whatsapp-bubble-out: #DCF8C6;
$swatch-whatsapp-chat-bg-light: #E5DDD5;
$swatch-whatsapp-white: #FFFFFF;
$swatch-whatsapp-surface-light: #F0F2F5;
$swatch-whatsapp-text-on-light: #111B21;
$swatch-whatsapp-text-secondary-light: #667781;
$swatch-whatsapp-canvas-dark: #0B141A;
$swatch-whatsapp-surface-dark: #202C33;
$swatch-whatsapp-bubble-out-dark: #005C4B;
$swatch-whatsapp-text-on-dark: #E9EDEF;

// ─── Light-mode role mappings ─────────────────────────
$light-background: $swatch-whatsapp-white;
$light-surface: $swatch-whatsapp-surface-light;
$light-surface-elevated: $swatch-whatsapp-white;
$light-text-primary: $swatch-whatsapp-text-on-light;
$light-text-secondary: $swatch-whatsapp-text-secondary-light;
$light-text-tertiary: $swatch-whatsapp-text-secondary-light;
$light-primary: $swatch-whatsapp-green;
$light-primary-hover: $swatch-whatsapp-green-dark;
$light-accent: $swatch-whatsapp-green;
$light-accent-hover: $swatch-whatsapp-green-dark;
$light-warning: $swatch-whatsapp-green-300;
$light-warning-hover: $swatch-whatsapp-green-400;
$light-error: $swatch-whatsapp-green-dark;
$light-success: $swatch-whatsapp-green;
$light-border: $swatch-whatsapp-surface-light;

// ─── Dark-mode role mappings ──────────────────────────
$dark-background: $swatch-whatsapp-canvas-dark;
$dark-surface: $swatch-whatsapp-surface-dark;
$dark-surface-elevated: $swatch-whatsapp-surface-dark;
$dark-text-primary: $swatch-whatsapp-text-on-dark;
$dark-text-secondary: $swatch-whatsapp-green-200;
$dark-text-tertiary: $swatch-whatsapp-green-300;
$dark-primary: $swatch-whatsapp-green;
$dark-primary-hover: $swatch-whatsapp-green-600;
$dark-accent: $swatch-whatsapp-green;
$dark-accent-hover: $swatch-whatsapp-green-600;
$dark-warning: $swatch-whatsapp-green-300;
$dark-warning-hover: $swatch-whatsapp-green-400;
$dark-error: $swatch-whatsapp-green-dark;
$dark-success: $swatch-whatsapp-green;
$dark-border: $swatch-whatsapp-green-1000;

// ─── Brand-level color role overrides ─────────────────
$brand-identity: $swatch-whatsapp-green;
$brand-on-identity: $swatch-whatsapp-white;
$brand-background: $swatch-whatsapp-white;
$brand-surface: $swatch-whatsapp-surface-light;
$brand-surface-elevated: $swatch-whatsapp-white;
$brand-text-primary: $swatch-whatsapp-text-on-light;
$brand-text-secondary: $swatch-whatsapp-text-secondary-light;
$brand-primary: $swatch-whatsapp-green;
$brand-primary-hover: $swatch-whatsapp-green-dark;
$brand-accent: $swatch-whatsapp-green;
$brand-accent-hover: $swatch-whatsapp-green-dark;
$brand-mark: $swatch-whatsapp-green;
$brand-success: $swatch-whatsapp-green;
$brand-warning: $swatch-whatsapp-green-300;
$brand-error: $swatch-whatsapp-green-dark;

// ─── 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);

// ─── Iteration maps ───────────────────────────────────
$swatches: (
  "whatsapp-green": $swatch-whatsapp-green,
  "whatsapp-green-dark": $swatch-whatsapp-green-dark,
  "whatsapp-teal-dark": $swatch-whatsapp-teal-dark,
  "whatsapp-green-50": $swatch-whatsapp-green-50,
  "whatsapp-green-100": $swatch-whatsapp-green-100,
  "whatsapp-green-200": $swatch-whatsapp-green-200,
  "whatsapp-green-300": $swatch-whatsapp-green-300,
  "whatsapp-green-400": $swatch-whatsapp-green-400,
  "whatsapp-green-600": $swatch-whatsapp-green-600,
  "whatsapp-green-800": $swatch-whatsapp-green-800,
  "whatsapp-green-900": $swatch-whatsapp-green-900,
  "whatsapp-green-1000": $swatch-whatsapp-green-1000,
  "whatsapp-bubble-out": $swatch-whatsapp-bubble-out,
  "whatsapp-chat-bg-light": $swatch-whatsapp-chat-bg-light,
  "whatsapp-white": $swatch-whatsapp-white,
  "whatsapp-surface-light": $swatch-whatsapp-surface-light,
  "whatsapp-text-on-light": $swatch-whatsapp-text-on-light,
  "whatsapp-text-secondary-light": $swatch-whatsapp-text-secondary-light,
  "whatsapp-canvas-dark": $swatch-whatsapp-canvas-dark,
  "whatsapp-surface-dark": $swatch-whatsapp-surface-dark,
  "whatsapp-bubble-out-dark": $swatch-whatsapp-bubble-out-dark,
  "whatsapp-text-on-dark": $swatch-whatsapp-text-on-dark,
);

$light-roles: (
  "background": $light-background,
  "surface": $light-surface,
  "surface-elevated": $light-surface-elevated,
  "text-primary": $light-text-primary,
  "text-secondary": $light-text-secondary,
  "text-tertiary": $light-text-tertiary,
  "primary": $light-primary,
  "primary-hover": $light-primary-hover,
  "accent": $light-accent,
  "accent-hover": $light-accent-hover,
  "warning": $light-warning,
  "warning-hover": $light-warning-hover,
  "error": $light-error,
  "success": $light-success,
  "border": $light-border,
);

$dark-roles: (
  "background": $dark-background,
  "surface": $dark-surface,
  "surface-elevated": $dark-surface-elevated,
  "text-primary": $dark-text-primary,
  "text-secondary": $dark-text-secondary,
  "text-tertiary": $dark-text-tertiary,
  "primary": $dark-primary,
  "primary-hover": $dark-primary-hover,
  "accent": $dark-accent,
  "accent-hover": $dark-accent-hover,
  "warning": $dark-warning,
  "warning-hover": $dark-warning-hover,
  "error": $dark-error,
  "success": $dark-success,
  "border": $dark-border,
);