/* variables.css — Tokens de diseño YoTeCargo */
:root {
    --brand: #6915e8;
    --brand-light: #8b46f0;
    --brand-dark: #4e0fb3;
    --brand-faint: #f3ebff;
    --accent: #00d4aa;
    --success: #16a34a;
    --warning: #f57c00;
    --highlight: #f5a623;
    --danger: #dc2626;
    --bg-page: #f8fafc;
    --bg-surface: #ffffff;
    --text-primary: #0f172a;
    --text-secondary: #475569;
    --text-tertiary: #94a3b8;
    --border: #e2e8f0;
    --border-brand: rgba(105, 21, 232, 0.20);

    /* Radios */
    --radius-sm: 0.5rem;
    --radius-md: 0.75rem;
    --radius-lg: 1rem;
    --radius-xl: 1.25rem;

    /* Sombras */
    --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.05);
    --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.08);
    --shadow-brand: 0 4px 16px rgba(105, 21, 232, 0.15);

    /* Transiciones */
    --transition-fast: 150ms ease;
    --transition-base: 200ms ease;
}