/**
 * RoxyCloud design tokens — indigo/violet accent on black
 */
:root {
    /* Superfície */
    --rc-bg: #000000;
    --rc-bg-elevated: #0a0a0a;
    --rc-surface: #0a0a0a;
    --rc-surface-raised: #18181b;
    --rc-surface-hover: rgba(255, 255, 255, 0.04);
    --rc-surface-muted: rgba(24, 24, 27, 0.8);

    /* Borda */
    --rc-border: #27272a;
    --rc-border-hover: #3f3f46;
    --rc-border-strong: #3f3f46;
    --rc-border-subtle: rgba(255, 255, 255, 0.06);
    --rc-ring: rgba(83, 82, 237, 0.25);

    /* Texto */
    --rc-text: #f9fafb;
    --rc-text-secondary: #a1a1aa;
    --rc-text-muted: #71717a;

    /* Acento — #5352ED indigo/violet */
    --rc-accent: #8b8af5;
    --rc-accent-hover: #7574f7;
    --rc-accent-strong: #5352ed;
    --rc-accent-deep: #4342c4;
    --rc-accent-soft: rgba(83, 82, 237, 0.12);
    --rc-accent-muted: rgba(83, 82, 237, 0.32);

    /* Feedback */
    --rc-success: #3ecf8e;
    --rc-warning: #eab308;
    --rc-danger: #ef4444;

    /* Botão primário */
    --rc-btn-primary-bg: #5352ed;
    --rc-btn-primary-border: #6362f0;
    --rc-btn-primary-hover: #4342c4;

    /* Layout */
    --rc-sidebar-width: 268px;
    --rc-sidebar-font-nav: 0.875rem;
    --rc-sidebar-font-nav-nested: 0.8125rem;
    --rc-sidebar-font-label: 0.6875rem;
    --rc-sidebar-font-foot: 0.8125rem;
    --rc-sidebar-item-h: 2.375rem;
    --rc-sidebar-item-h-nested: 2rem;
    --rc-sidebar-pad-x: 0.875rem;
    --rc-sidebar-pad-y: 0.75rem;
    --rc-sidebar-group-gap: 1rem;
    --rc-sidebar-item-gap: 0.25rem;
    --rc-sidebar-label-gap: 0.5rem;
    --rc-sidebar-link-pad-y: 0.5rem;
    --rc-sidebar-link-pad-x: 0.625rem;
    --rc-sidebar-foot-pad-y: 1rem;
    --rc-sidebar-head-pad-y: 1rem;
    --rc-sidebar-nav-group-gap: 0.375rem;
    --rc-sidebar-store-width: 268px;
    --rc-sidebar-bg: #0c0c10;
    --rc-sidebar-border: rgba(255, 255, 255, 0.08);
    --rc-sidebar-divider: rgba(255, 255, 255, 0.06);
    --rc-sidebar-hover: rgba(255, 255, 255, 0.06);
    --rc-sidebar-active-bg: rgba(83, 82, 237, 0.08);
    --rc-sidebar-foot-bg: rgba(255, 255, 255, 0.02);
    --rc-sidebar-label-color: #8b8b95;
    --rc-header-height: 56px;
    --rc-radius: 1rem;
    --rc-radius-sm: 0.5rem;
    --rc-content-max: 1200px;
    --rc-app-gutter: clamp(1rem, 3vw, 1.75rem);
    --rc-font: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

    /* Sombra */
    --rc-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.02);
    --rc-shadow-hover: 0 8px 24px -4px rgba(0, 0, 0, 0.4),
                       0 1px 0 0 rgba(255, 255, 255, 0.03);
}