/* Base styles and CSS reset */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

:root {
    /* Light theme (default) */
    --bg-primary: #ffffff;
    --bg-secondary: #f8f9fa;
    --text-primary: #000000;
    --text-secondary: #6c757d;
    --text-tertiary: #1c1c1e;
    --border-color: #e9ecef;
    --accent-color: #007aff;
    --status-bar-bg: rgba(248, 249, 250, 0.95);
    --nav-bg: #f8f9fa;
    --message-bubble-user: #007aff;
    --message-bubble-contact: #e9ecef;
    --message-text-user: #ffffff;
    --message-text-contact: #000000;
    --input-bg: #ffffff;
    --input-border: #ddd;
    --icon-path: 'images/light/';
}

[data-theme="dark"] {
    --bg-primary: #000000;
    --bg-secondary: #1c1c1e;
    --text-primary: #ffffff;
    --text-secondary: #8e8e93;
    --border-color: #38383a;
    --accent-color: #0a84ff;
    --status-bar-bg: rgba(28, 28, 30, 0.95);
    --nav-bg: #1c1c1e;
    --message-bubble-user: #0a84ff;
    --message-bubble-contact: #2c2c2e;
    --message-text-user: #ffffff;
    --message-text-contact: #ffffff;
    --input-bg: #2c2c2e;
    --input-border: #38383a;
    --icon-path: 'images/dark/';
}

body {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    background: transparent;
    min-height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20px;
    color: var(--text-primary);
}

html, body {
    overflow: hidden !important;
    -ms-overflow-style: none !important;
    scrollbar-width: none !important;
}

html::-webkit-scrollbar,
body::-webkit-scrollbar {
    width: 0px !important;
    height: 0px !important;
    display: none !important;
}