:root[data-theme="whatsapp"] {
    color-scheme: dark;

    --bg-primary: #0b141a;
    --bg-secondary: #111b21;
    --bg-tertiary: #202c33;
    --bg-quaternary: #2a3942;
    --bg-hover: #202c33;
    --bg-active: #2a3942;
    --bg-modal: #111b21;
    --bg-card: #111b21;
    --bg-surface: #111b21;
    --bg-message-in: #202c33;
    --bg-message-out: #005c4b;
    --bg-code: #0b141a;
    --bg-overlay: rgba(0, 0, 0, 0.7);

    --text-primary: #e9edef;
    --text-secondary: #aebac1;
    --text-muted: #8696a0;
    --text-placeholder: #667781;

    --accent: #00a884;
    --accent-hover: #06cf9c;
    --accent-light: rgba(0, 168, 132, 0.18);

    --danger: #f15c6d;
    --danger-hover: #dc4658;
    --danger-light: rgba(241, 92, 109, 0.18);
    --success: #00a884;
    --success-hover: #06cf9c;
    --success-light: rgba(0, 168, 132, 0.18);
    --warning: #f0b232;
    --warning-light: rgba(240, 178, 50, 0.18);
    --gold: #f0b232;
    --gold-hover: #d99b1d;
    --gold-light: rgba(240, 178, 50, 0.18);
    --info: #53bdeb;
    --info-light: rgba(83, 189, 235, 0.18);

    --border-color: #222d34;
    --border-color-light: rgba(233, 237, 239, 0.07);
    --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.25);
    --shadow-md: 0 2px 8px rgba(0, 0, 0, 0.35);
    --shadow-lg: 0 4px 16px rgba(0, 0, 0, 0.45);
    --shadow-xl: 0 8px 32px rgba(0, 0, 0, 0.55);
    --profile-header-bg: #111b21;
}