:root {
    /* Cores principais */
    --color-primary: #2980B9;
    --color-primary-dark: #1B4F72;
    --color-success: #00B894;
    --color-warning: #FDCB6E;
    --color-danger: #FF7675;
    --color-info: #81ECEC;

    /* Superficies */
    --bg-app: #0F1923;
    --bg-sidebar: #1B2631;
    --bg-sidebar-hover: #22303d;
    --bg-topbar: #FFFFFF;
    --bg-content: #F1F4F8;
    --bg-card: #FFFFFF;

    /* Texto */
    --text-primary: #2D3436;
    --text-muted: #7F8C9A;
    --text-light: #ECF0F1;
    --text-sidebar: #C8D2DC;

    /* Bordas / sombras */
    --border-color: #E1E8ED;
    --radius: 8px;
    --radius-sm: 5px;
    --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.08);
    --shadow: 0 2px 8px rgba(0, 0, 0, 0.10);

    /* Tipografia */
    --font-family: 'Segoe UI', 'Inter', Tahoma, Geneva, Verdana, sans-serif;
    --font-size-base: 14px;

    /* Layout */
    --sidebar-width: 250px;
    --topbar-height: 58px;
}