:root{
    /* =========================
       MOVA Design System (UNIFICADO)
       Mantém compatibilidade com variáveis antigas
       ========================= */

    /* Font */
    --app-font: "Inter", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;

    /* Brand / Core */
    --color-brand: #F9D515;
    --color-brand-2: #FFB800;

    --color-blue: #1D4ED8;
    --color-danger: #FF4D4D;

    /* Neutrals */
    --color-black: #0B0F19;
    --color-text: #0B0F19;
    --color-white: #FFFFFF;

    /* Surfaces */
    --surface-0: #FFFFFF;
    --surface-1: #F3F4F6;

    /* Text */
    --text-strong: rgba(11,15,25,.92);
    --text-muted: rgba(11,15,25,.65);

    /* Borders */
    --border-soft: rgba(11,15,25,.10);
    --border-strong: rgba(255,255,255,.12);

    /* Shadows */
    --shadow-lg: 0 18px 50px rgba(0,0,0,.28);
    --shadow-up: 0 -18px 50px rgba(0,0,0,.28);

    --shadow-md: 0 10px 26px rgba(0,0,0,.12);

    /* Radius */
    --r12: 12px;
    --r14: 14px;
    --r18: 18px;
    --r22: 22px;

    --radius-sm: 14px;
    --radius-md: 16px;
    --radius-lg: 22px;

    /* Sizing */
    --tap: 44px;

    /* Z-Index (antes estava duplicado no CSS do chat) */
    --z-panel: 1100;
    --z-drawerOverlay: 2000;
    --z-drawer: 2100;
    --z-chatOverlay: 2200;
    --z-chat: 2300;
    --z-modal: 9999;

    /* =========================
       ALIASES (compatibilidade)
       ========================= */

    /* palette antiga */
    --blue: var(--color-blue);
    --gold: var(--color-brand);
    --bg: #1f1e1f;
    --text: var(--color-text);
    --white: var(--color-white);
    --gray: var(--surface-1);
    --muted: var(--text-muted);
    --black: #1f1e1f;

    --danger: var(--color-danger);

    /* UI antiga */
    --sheet: rgba(255,255,255,.94);
    --sheetBorder: var(--border-soft);

    --card: rgba(11,15,25,.94);
    --cardBorder: var(--border-strong);

    --shadow: var(--shadow-lg);
    --shadowUp: var(--shadow-up);

    /* Tokens do bloco Ride (antes tinha :root separado) */
    --card-bg: rgba(255,255,255,.92);
    --card-border: rgba(15,23,42,.08);

    --text-1: rgba(2,6,23,.92);
    --text-2: rgba(2,6,23,.62);
    --text-3: rgba(2,6,23,.46);

    --brand: var(--color-brand);
    --brand-2: var(--color-brand-2);
    --red: var(--color-danger);

    --radius-xl: var(--radius-lg);
}