:root {
    --bg-primary: #0D0D0D;
    --bg-secondary: #1C1C1E;
    --bg-tertiary: #2C2C2E;
    --bg-quaternary: rgb(255 255 255 / 8%);
    --bg-senary: #2698A8;
    --bg-septenary: #2FBED2B2;
    --bg-octonary: #111827;
    --bg-nonary: #2C2C2E;
    --bg-denary: linear-gradient(90deg, #2FBED2 0%, #111827 88.94%);
    --bg-quinary: #111827;
    --bg-duodenary: #11182780;
    --bg-tridenenary: #2C2C2E;
    --bg-quattuorinenary: #2FBED2;
    --bg-quinquennary: #2698A8;
    --bg-septennary: #111827;
    --bg-octennary: #2698A8;
    --bg-nonennary: #2C2C2E;
    --bg-denennary: #9CA3AF;
    --bg-duodennary: #2FBED2;
    --bg-log-reg: linear-gradient(rgba(17, 24, 39, .8), rgba(17, 24, 39, .8)), url("../../img/log-reg-bg-dark-theme.png");
    --bg-tridenennary: #2FBED280;
    --bg-quattuordenenary: #22418C;
    --bg-quinqudenenary: #ffffff1a;
    --bg-septenennary: #22418C80;
    --bg-octenennary: rgba(34, 65, 140, 0.2);
    --bg-nonenennary: #22418C;
    --bg-denenennary: #0B10304D;
    --bg-profile-body: none;
    --bg-duodenennary: #2FBED2B2;
    --bg-tridennary: #22418C80;
    --bg-quattuordenary: #11182780;
    --bg-quindecennary: #22418C;
    --bg-sedecennary: #2FBED2;
    --bg-septendecennary: #22418C33;
    --bg-octodecennary: #15203B;
    --bg-nonecennaty: #17A1FA;
    --bg-denecennary: #22418C80;
    --bg-duodecennary: #22418C;
    --bg-tritennary: #2FBED2E5;
    --bg-quattuoretary: #2FBED2CC;
    --bg-quindecenary: #22418C;
    --bg-septenenary: #22418C;
    --bg-octenenary: #C9D9FF;
    --bg-nonenenary: #D9D9D9;
    --bg-denenenary: #22418C;
    --bg-pricing: rgba(0, 0, 0, 0.7);
    --bg-transparent: #C9D9FF;
    --bg-tutorial: #111827B2;
    --bg-tutorial-tip: #2C2C2E;
    --bg-tutorial-cloud: #2FBED2;

    --bg-centennary: #248795;
    --bg-vicennary: #3BAFBF;
    --bg-virgennary: #0D1935;
    --bg-duovigintennary: #071128;
    --bg-trevigintennary: #2FBED2;
    --bg-quadrivigintennary: #111827CC;
    --bg-quinvigintennary: #2FBED2;
    --bg-sexvigintennary: #2FBED2;
    --bg-duotrigintennary: #1C7382;
    --bg-trigintatrinary: #111827;

    --text-primary: #F2F2F7;
    --text-secondary: #A1A1AA;
    --text-muted: #6B7280;
    --text-thirdly: linear-gradient(90deg, #FFFFFF -51.37%, #2FBED2 208.89%);
    --text-fourthly: #FFFFFF;
    --text-fifthly: linear-gradient(90deg, #FFFFFF 0%, #2FBED2 100%);
    --text-sixthly: #2FBED2;
    --text-seventhly: #FFFFFF;
    --text-eighthly: #22418C;
    --text-ninthly: #22418C;
    --text-tenthly: #2FBED2;

    --accent-primary: #66D9EF;
    --accent-primary-hover: #2FBED2;
    --accent-secondary: #FCA311;
    --accent-success: #4ADE80;
    --accent-alert: #F87171;

    /* Spacing */
    --space-xs: 0.25rem;
    --space-sm: 0.5rem;
    --space-md: 1rem;
    --space-lg: 1.5rem;
    --space-xl: 2.5rem;
    --space-xxl: 4rem;

    /* Typography */
    --font-size-xs: 0.75rem;
    --font-size-sm: 0.875rem;
    --font-size-md: 1rem;
    --font-size-lg: 1.25rem;
    --font-size-xl: 1.75rem;
    --font-size-xxl: 2.5rem;

    --radius-sm: 4px;
    --radius-md: 8px;
    --radius-lg: 12px;

    --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.2);
    --shadow-md: 0 4px 16px rgba(0, 0, 0, 0.4);
    --shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.6);
    --shadow-profile: 0px 4px 10px 2px #FFFFFF40 inset;
    --shadow-profile-2: 0px -4px 6px 1px #FFFFFF40;
    --shadow-my-chats: 0px 2px 4px 0px #FFFFFF40;
    --shadow-chats-btns: 0 1px 4px 0 #FFFFFF40;


    --transition-fast: 0.2s ease;
    --transition-normal: 0.3s ease;
    --transition-slow: 0.5s ease;

    --vsep-color: rgba(255,255,255,.14);
    --hsep-color: rgba(255,255,255,.14);

    --pause-overlay-bg: rgba(255, 255, 255, 0.8);

    --bg-modal-overlay: rgba(0, 0, 0, 0.55);
    --bg-input-surface: #19284B;

    --bg-pending-card: #FFEDC4;
    --text-pending-name: #50545B;
    --text-icon: #000000;

    --bg-octenennary-1: rgba(34, 65, 140, 0.5);

    --bg-team-select: #00040D;

    --text-field: #B3B3B3;
    --bg-octonary1: #111827;
    --bg-invite-modal: #111827;

    --accent-primary-hover-invite: #2FBED2;
    --text-seventhly-invite: #FFFFFF;

    --card-selected: #22418C;

    --bg-quattuordenenary-1: #22418C;

    --bg-add-new-client-header: rgba(34, 65, 140, 0.5);
    --bg-add-new-client-body: rgba(17, 24, 39, 0.5);

    --bg-member-card-header: #22418C;
    --bg-member-card-body: #111827;

    /* Permission dropdown */
    --tm-perm-bg: #111827;          /* pill background */
    --tm-perm-text: #FFFFFF;        /* pill label */
    --tm-perm-menu-bg: #111827;     /* dropdown rows */
    --tm-perm-menu-text: #B3B3B3;   /* dropdown row text */
    --tm-perm-border: #2FBED2;      /* borders + chevron */
    --tm-perm-hover-bg: rgba(47, 190, 210, 0.2); /* hover/active row */

    --tm-perm-shadow: 0px 1px 2px rgba(0, 0, 0, 0.25);
    --tm-perm-radius-lg: 8px;
    --tm-perm-radius-sm: 5px;
    --tm-perm-menu-radius: 0px 0px 8px 8px;

    --bg-chat-list-container: rgba(34, 65, 140, 0.3);
    --bg-chat-header: rgba(34, 65, 140, 0.7);
    --border-chat-table: #2FBED2;
    --bg-chat-input: #111827;
    --text-chat-header: #FFFFFF;
    --text-chat-body: #FFFFFF;

    --gradient-start: white;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}

body {
    background-color: var(--bg-primary);
    color: var(--text-primary);
    height: 100vh;
    display: flex;
    overflow: hidden;
}