:root {
    /* surfaces — warm near-blacks */
    --bg: oklch(0.165 0.006 60);
    --bg-2: oklch(0.205 0.008 60);
    --surface: oklch(0.225 0.009 62);
    --surface-2: oklch(0.265 0.010 62);
    --border: oklch(0.32 0.012 62);
    --border-soft: oklch(0.27 0.010 62);

    /* text */
    --text: oklch(0.955 0.006 85);
    --text-muted: oklch(0.74 0.012 78);
    --text-faint: oklch(0.56 0.012 72);

    /* brand */
    --accent: oklch(0.65 0.19 40);
    /* #e9682c trivia orange */
    --accent-hover: oklch(0.69 0.185 40);
    --accent-soft: oklch(0.65 0.19 40 / 0.14);
    --amber: oklch(0.80 0.13 31);
    /* #c03927 secondary red-orange highlight */
    --amber-text: oklch(0.83 0.115 33);

    --radius-sm: 8px;
    --radius: 14px;
    --radius-lg: 22px;

    --maxw: 1180px;
    --shadow: 0 1px 2px oklch(0 0 0 / 0.4), 0 12px 40px oklch(0 0 0 / 0.35);
    --shadow-soft: 0 1px 0 oklch(1 0 0 / 0.03), 0 14px 50px oklch(0 0 0 / 0.45);
}


.navbar-brand {
    max-width: 200px !important;
}


.desktop-closed-message-avatar ~ div {
    color: var(--primaryColor, 161616) !important;
    font-weight: 500;
}