/**
 * Rosa Master — design tokens (Design System v2 · set/2026)
 *
 * Referência visual: protótipo "Gestão de Entregas" (JYNX / AI Studio).
 * Especificação: docs/DESIGN-SYSTEM.md · Componentes: css/rosa-ds.css
 *
 * Os tokens `--rm-*` são a fonte da verdade. Os blocos "aliases" no fim
 * remapeiam as variáveis antigas (--portal-*, --color-*, --rosa-p2-*) para
 * que telas legadas herdem a paleta nova sem alteração de markup.
 */
:root {
    /* Marca */
    --rm-primary: #e4006a;
    --rm-primary-hover: #c8005d;
    --rm-primary-active: #b00052;
    --rm-primary-rgb: 228, 0, 106;
    --rm-primary-50: #fff0f6;
    --rm-primary-100: #fde4ef;
    --rm-primary-200: #fbcfe2;
    --rm-cocoa: #6e2a12;          /* títulos de página e de card */
    --rm-cocoa-soft: #8a4a2a;

    /* Tinta (texto) */
    --rm-ink: #111827;
    --rm-ink-2: #374151;
    --rm-muted: #6b7280;
    --rm-faint: #9ca3af;

    /* Superfícies */
    --rm-canvas: #f5f5f7;
    --rm-sidebar: #fafafb;
    --rm-surface: #ffffff;
    --rm-sunken: #f7f7f9;          /* faixa de filtros, cabeçalho de tabela */
    --rm-hover: #f9fafb;
    --rm-border: #ececf0;
    --rm-border-strong: #e0e0e6;
    --rm-dark: #111827;            /* chip ativo, tooltips */

    /* Status (fg / bg / borda / sólido) */
    --rm-success: #067647;
    --rm-success-bg: #ecfdf3;
    --rm-success-border: #abefc6;
    --rm-success-solid: #15803d;

    --rm-warning: #b54708;
    --rm-warning-bg: #fffaeb;
    --rm-warning-border: #fedf89;
    --rm-warning-solid: #f59e0b;

    --rm-danger: #b42318;
    --rm-danger-bg: #fef3f2;
    --rm-danger-border: #fecdca;
    --rm-danger-solid: #dc2626;

    --rm-info: #175cd3;
    --rm-info-bg: #eff8ff;
    --rm-info-border: #b2ddff;
    --rm-info-solid: #2e90fa;

    --rm-neutral: #475467;
    --rm-neutral-bg: #f2f4f7;
    --rm-neutral-border: #e4e7ec;
    --rm-neutral-solid: #98a2b3;

    /* Tipografia */
    --rm-font-sans: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
    --rm-font-display: "Poppins", "Inter", ui-sans-serif, system-ui, sans-serif;
    --rm-text-xs: 0.75rem;     /* 12 — metadados */
    --rm-text-sm: 0.8125rem;   /* 13 — texto secundário */
    --rm-text-base: 0.9375rem; /* 15 — corpo, tabelas, navegação */
    --rm-text-md: 1rem;        /* 16 */
    --rm-text-lg: 1.125rem;    /* 18 — título de card */
    --rm-text-xl: 1.5rem;      /* 24 — números de destaque */
    --rm-text-2xl: 1.875rem;   /* 30 — título de página */
    --rm-text-3xl: 2.25rem;    /* 36 — hero do login */
    --rm-tracking-label: 0.08em;

    /* Forma */
    --rm-radius-xs: 6px;
    --rm-radius-sm: 8px;
    --rm-radius: 10px;         /* botões, inputs */
    --rm-radius-md: 12px;      /* itens de navegação, avatares */
    --rm-radius-lg: 16px;
    --rm-radius-xl: 20px;      /* cards */
    --rm-radius-full: 9999px;

    --rm-shadow-xs: 0 1px 2px rgba(17, 24, 39, 0.05);
    --rm-shadow-card: 0 1px 2px rgba(17, 24, 39, 0.04), 0 8px 24px rgba(17, 24, 39, 0.04);
    --rm-shadow-pop: 0 12px 32px rgba(17, 24, 39, 0.12);
    --rm-shadow-auth: 0 24px 64px rgba(17, 24, 39, 0.10);
    --rm-shadow-primary: 0 6px 16px rgba(228, 0, 106, 0.28);
    --rm-shadow-nav: 0 6px 16px rgba(228, 0, 106, 0.14);
    --rm-ring: 0 0 0 3px rgba(228, 0, 106, 0.18);

    /* Layout */
    --rm-topbar-h: 66px;
    --rm-sidebar-w: 264px;
    --rm-content-max: 1180px;
    --rm-gap: 24px;

    /* ---------- Aliases legados (não usar em código novo) ---------- */
    --portal-primary: var(--rm-primary);
    --portal-primary-dark: var(--rm-primary-active);
    --portal-primary-hover: var(--rm-primary-hover);
    --portal-primary-rgb: var(--rm-primary-rgb);
    --portal-secondary: #ff4d94;
    --portal-primary-light: var(--rm-primary-100);
    --portal-bg-app: var(--rm-canvas);
    --portal-bg-shell: var(--rm-canvas);
    --portal-bg-card: var(--rm-surface);
    --portal-bg-card-hover: var(--rm-primary-50);
    --portal-text: var(--rm-ink);
    --portal-text-muted: var(--rm-muted);
    --portal-border: var(--rm-border);
    --portal-shadow: var(--rm-shadow-card);
    --portal-radius: var(--rm-radius);
    --portal-radius-sm: var(--rm-radius-sm);
    --portal-radius-lg: var(--rm-radius-xl);

    --color-primary: var(--rm-primary);
    --color-accent: var(--rm-primary);
    --color-primary-dark: var(--rm-primary-active);
}

/* Portal2 (rosa-app.css) — remapeado para a paleta v2. O tema confra redefine os seus. */
body:not(.theme-confra) {
    --rosa-p2-canvas: var(--rm-canvas);
    --rosa-p2-surface: var(--rm-surface);
    --rosa-p2-thead: var(--rm-sunken);
    --rosa-p2-border: var(--rm-border);
    --rosa-p2-text: var(--rm-ink);
    --rosa-p2-text-2: var(--rm-muted);
    --rosa-p2-muted-bg: var(--rm-neutral-bg);
    --rosa-p2-muted-fg: var(--rm-neutral);
    --rosa-p2-success-bg: var(--rm-success-bg);
    --rosa-p2-success-fg: var(--rm-success);
    --rosa-p2-warn-bg: var(--rm-warning-bg);
    --rosa-p2-warn-fg: var(--rm-warning);
    --rosa-p2-danger-bg: var(--rm-danger-bg);
    --rosa-p2-danger-fg: var(--rm-danger);
    --rosa-p2-info-bg: var(--rm-info-bg);
    --rosa-p2-info-fg: var(--rm-info);
    --rosa-p2-radius: var(--rm-radius);
    --rosa-p2-radius-sm: var(--rm-radius-sm);
    --rosa-p2-radius-lg: var(--rm-radius-xl);
    --rosa-p2-shadow: var(--rm-shadow-card);
}