:root {
    --profile-cliente-web: #657b8c;
    --profile-cliente-mesa: #718478;
    --profile-mozo: #837386;
    --profile-cocina: #77846f;
    --profile-delivery: #a97855;
    --profile-administrativo: #60666d;
    --profile-restaurant-owner: #96675d;
    --profile-site-admin: #34383e;
    --profile-seller: #74777c;
    --brand-action: #ad5f42;
    --brand-action-strong: #8f4933;
    --profile-accent: var(--profile-cliente-web);
}

body[data-profile] { --primary: var(--brand-action); --accent: var(--brand-action); }
body[data-profile="cliente_web"] { --profile-accent: var(--profile-cliente-web); }
body[data-profile="cliente_mesa"] { --profile-accent: var(--profile-cliente-mesa); }
body[data-profile="mozo"] { --profile-accent: var(--profile-mozo); --waiter-primary: var(--brand-action); }
body[data-profile="cocina"] { --profile-accent: var(--profile-cocina); }
body[data-profile="delivery"] { --profile-accent: var(--profile-delivery); }
body[data-profile="administrativo"] { --profile-accent: var(--profile-administrativo); --admin-primary: var(--brand-action); --admin-primary-2: var(--brand-action-strong); }
body[data-profile="restaurant_owner"] { --profile-accent: var(--profile-restaurant-owner); --admin-primary: var(--brand-action); --admin-primary-2: var(--brand-action-strong); }
body[data-profile="site_admin"] { --profile-accent: var(--profile-site-admin); }
body[data-profile="seller"] { --profile-accent: var(--profile-seller); }

body[data-profile] .topbar > div:first-child > strong:first-child,
body[data-profile] .profile-highlight { color: var(--profile-accent); }

[data-theme="dark"] body[data-profile] { --brand-action: #c57859; --brand-action-strong: #d08b6e; }
[data-theme="dark"] body[data-profile="administrativo"] { --profile-accent: #8b929a; }
[data-theme="dark"] body[data-profile="site_admin"] { --profile-accent: #a5a9af; }
[data-theme="dark"] body[data-profile="seller"] { --profile-accent: #969a9f; }

.profile-navigation { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; }
.profile-navigation-link { color: inherit; text-decoration: none; border: 1px solid rgba(120, 113, 108, .24); border-radius: 999px; padding: 7px 10px; font-size: .82rem; font-weight: 750; }
.profile-navigation-link:hover, .profile-navigation-link.active { border-color: var(--profile-accent); background: transparent; color: var(--profile-accent); }
.profile-navigation-select label { display: flex; align-items: center; gap: 7px; color: inherit; font-size: .72rem; font-weight: 750; }
.profile-navigation-select select { min-height: 36px; width: auto; max-width: 180px; padding: 6px 30px 6px 10px; border: 1px solid rgba(120,113,108,.28); border-radius: 8px; background: transparent; color: inherit; font: inherit; }