/*
 * Design tokens do CADURB.
 *
 * Este arquivo concentra as decisões visuais fundamentais. Componentes e
 * módulos devem consumir estes tokens em vez de repetir valores literais.
 * Breakpoints são documentados como propriedades para consulta; custom
 * properties não podem ser usadas diretamente em condições @media.
 */

:root {
    /* Tipografia */
    --cadurb-font-family-sans: -apple-system, BlinkMacSystemFont, "Segoe UI",
        Roboto, "Helvetica Neue", Arial, sans-serif;
    --cadurb-font-size-xs: 0.8125rem;
    --cadurb-font-size-sm: 0.875rem;
    --cadurb-font-size-body: 1rem;
    --cadurb-font-size-lg: 1.125rem;
    --cadurb-font-size-xl: 1.25rem;
    --cadurb-font-size-2xl: 1.5rem;
    --cadurb-font-size-page-title: 2rem;
    --cadurb-font-weight-regular: 400;
    --cadurb-font-weight-medium: 500;
    --cadurb-font-weight-semibold: 600;
    --cadurb-font-weight-bold: 700;
    --cadurb-line-height-tight: 1.2;
    --cadurb-line-height-heading: 1.3;
    --cadurb-line-height-body: 1.5;

    /* Espaçamento: escala oficial baseada em 4px */
    --cadurb-space-0: 0;
    --cadurb-space-1: 0.25rem;
    --cadurb-space-2: 0.5rem;
    --cadurb-space-3: 0.75rem;
    --cadurb-space-4: 1rem;
    --cadurb-space-6: 1.5rem;
    --cadurb-space-8: 2rem;
    --cadurb-space-10: 2.5rem;
    --cadurb-space-12: 3rem;
    --cadurb-space-16: 4rem;

    /* Cores semânticas */
    --cadurb-primary: #1677c8;
    --cadurb-primary-strong: #075b9d;
    --cadurb-content-bg: #f4f6f8;
    --cadurb-surface: #ffffff;
    --cadurb-surface-translucent: rgba(255, 255, 255, 0.96);
    --cadurb-surface-muted: #edf2f7;
    --cadurb-surface-hover: #e4ebf3;
    --cadurb-border: #e3e8ef;
    --cadurb-border-soft: #d7dee8;
    --cadurb-border-strong: #b8c5d5;
    --cadurb-text: #172033;
    --cadurb-text-muted: #5d6879;
    --cadurb-danger: #b42318;
    --cadurb-danger-strong: #8f1c14;
    --cadurb-warning: #945300;
    --cadurb-success: #19703b;
    --cadurb-info: #0b75c9;
    --cadurb-focus: #0b75c9;
    --cadurb-focus-ring: rgba(11, 117, 201, 0.16);
    --cadurb-focus-on-dark: #38bdf8;
    --cadurb-info-surface: #e5f2fc;
    --cadurb-info-border: #b9daf3;
    --cadurb-success-surface: #e8f5ed;
    --cadurb-success-border: #b8dec5;
    --cadurb-warning-surface: #fff3d6;
    --cadurb-warning-border: #f0d28b;
    --cadurb-danger-surface: #fcebea;
    --cadurb-danger-border: #efb8b4;
    --cadurb-neutral-surface: #eef2f6;
    --cadurb-control-border: #cbd3dd;
    --cadurb-control-placeholder: #7c8798;
    --cadurb-disabled-bg: #e9edf2;
    --cadurb-disabled-text: #697586;
    --cadurb-table-header: #f8fafc;
    --cadurb-table-row-hover: #f6f9fc;

    /* Cores e superfícies do shell */
    --cadurb-sidebar-bg: #1f2937;
    --cadurb-sidebar-surface: #27364a;
    --cadurb-sidebar-footer: #182230;
    --cadurb-sidebar-text: #f3f4f6;
    --cadurb-sidebar-muted: #cbd5e1;
    --cadurb-sidebar-section: #93a4ba;
    --cadurb-sidebar-submenu: #b7c3d3;
    --cadurb-sidebar-profile-link: #8ddcff;
    --cadurb-sidebar-scrollbar: #64768d;
    --cadurb-sidebar-scrollbar-hover: #8fa2b9;
    --cadurb-sidebar-font-size: 0.875rem;
    --cadurb-sidebar-font-size-submenu: 0.8125rem;
    --cadurb-sidebar-font-size-meta: 0.75rem;
    --cadurb-sidebar-font-size-section: 0.6875rem;
    --cadurb-sidebar-font-size-chevron: 0.625rem;
    --cadurb-sidebar-hover: rgba(255, 255, 255, 0.07);
    --cadurb-sidebar-control: rgba(255, 255, 255, 0.08);
    --cadurb-sidebar-control-hover: rgba(255, 255, 255, 0.14);
    --cadurb-sidebar-active: rgba(56, 189, 248, 0.14);
    --cadurb-sidebar-divider: rgba(255, 255, 255, 0.08);
    --cadurb-sidebar-avatar-border: rgba(255, 255, 255, 0.2);
    --cadurb-backdrop: rgba(15, 23, 42, 0.55);

    /* Bordas, raios e elevação */
    --cadurb-border-width: 1px;
    --cadurb-focus-width: 3px;
    --cadurb-focus-offset: 2px;
    --cadurb-transition-fast: 160ms ease;
    --cadurb-radius-sm: 0.375rem;
    --cadurb-radius-md: 0.5rem;
    --cadurb-radius-lg: 0.75rem;
    --cadurb-radius-xl: 0.875rem;
    --cadurb-radius-pill: 999px;
    --cadurb-radius-circle: 50%;
    --cadurb-shadow-none: none;
    --cadurb-shadow-sm: 0 3px 12px rgba(15, 23, 42, 0.08);
    --cadurb-shadow-md: 0 6px 18px rgba(15, 23, 42, 0.16);
    --cadurb-shadow-lg: 0 18px 44px rgba(15, 23, 42, 0.2);
    --cadurb-shadow-button: 0 4px 12px rgba(11, 117, 201, 0.2);
    --cadurb-shadow-sidebar: 4px 0 18px rgba(15, 23, 42, 0.12);
    --cadurb-shadow-drawer: 8px 0 26px rgba(15, 23, 42, 0.28);
    --cadurb-shadow-focus-surface: 0 6px 18px rgba(15, 23, 42, 0.24);

    /* Dimensões estruturais */
    --cadurb-sidebar-width: 248px;
    --cadurb-sidebar-collapsed-width: 72px;
    --cadurb-mobile-header-height: 64px;
    --cadurb-content-max-width: 1600px;
    --cadurb-control-min-height: 44px;
    --cadurb-content-readable-width: 720px;

    /* Breakpoints oficiais, espelhados nos @media */
    --cadurb-breakpoint-sm: 576px;
    --cadurb-breakpoint-md: 768px;
    --cadurb-breakpoint-lg: 992px;
    --cadurb-breakpoint-xl: 1200px;

    /* Camadas */
    --cadurb-z-base: 0;
    --cadurb-z-raised: 2;
    --cadurb-z-component-overlay: 10;
    --cadurb-z-mobile-header: 998;
    --cadurb-z-sidebar-overlay: 999;
    --cadurb-z-sidebar: 1000;
    --cadurb-z-modal: 1050;
    --cadurb-z-toast: 1080;
    --cadurb-z-skip-link: 1100;

    /* Movimento */
    --cadurb-duration-fast: 0.16s;
    --cadurb-duration-normal: 0.22s;
    --cadurb-easing-standard: ease;
}