:root {
    /* ─── Primary — Servitravel Teal ─── */
    --color-primary-50:  #eef8fb;
    --color-primary-100: #d5eef5;
    --color-primary-200: #aedde9;
    --color-primary-300: #76c4d8;
    --color-primary-400: #3ba3bf;
    --color-primary-500: #1b8fbc;
    --color-primary-600: #14738e;
    --color-primary-700: #0d5b73;
    --color-primary-800: #0d4655;
    --color-primary-900: #0a3847;
    --color-primary-950: #062530;

    /* ─── Accent — Warm Amber ─── */
    --color-accent-400: #fbbf24;
    --color-accent-500: #f59e0b;

    /* ─── Layout ─── */
    --sidebar-width: 260px;
    --sidebar-collapsed-width: 68px;
    --topbar-height: 60px;

    /* ─── Typography ─── */
    --font-sans: 'Inter', system-ui, -apple-system, sans-serif;

    /* ─── Sidebar ─── */
    --sidebar-bg: var(--color-primary-950);
    --sidebar-text: #94a3b8;
    --sidebar-text-active: #ffffff;
    --sidebar-hover-bg: rgba(255, 255, 255, 0.06);
    --sidebar-border: rgba(255, 255, 255, 0.08);
    --sidebar-section-text: rgba(255, 255, 255, 0.35);
}