/* Creator — Agency BRN · Design tokens
   Fonte única de verdade. Tema escuro em themes.css ([data-theme="dark"]). */
:root {
  /* Marca */
  --color-primary: #FF5A1F;
  --color-primary-hover: #E64A12;
  --color-primary-active: #C23C0D;
  --color-on-primary: #FFFFFF;
  --primary-100: #FFF0E8;
  --primary-200: #FFDFCE;
  --primary-300: #FFC2A1;
  --primary-400: #FF8F56;
  --primary-500: #FF5A1F;
  --primary-600: #E64A12;
  --primary-700: #C23C0D;
  --primary-800: #97300E;
  --primary-900: #6E2410;

  /* Semânticas */
  --color-success: #178A50;
  --color-success-bg: #E4F5EC;
  --color-warning: #A66B00;
  --color-warning-bg: #FBF0DB;
  --color-danger: #D42E2E;
  --color-danger-bg: #FBE7E7;
  --color-info: #2E6FD8;
  --color-info-bg: #E7EFFB;

  /* Superfícies */
  --surface-page: #F7F5F3;
  --surface-card: #FFFFFF;
  --surface-elevated: #FFFFFF;
  --surface-sunken: #F0EDE9;
  --surface-inverse: #201D1A;

  /* Texto */
  --text-primary: #201D1A;
  --text-secondary: #5C5650;
  --text-muted: #8A8279;
  --text-inverse: #F5F2EE;

  /* Bordas e réguas */
  --border-subtle: #E8E4DF;
  --border-medium: #D8D2CB;
  --border-strong: #201D1A;   /* réguas de 2px entre seções */
  --rule: 2px solid var(--border-strong);

  /* Foco */
  --focus-ring: 2px solid var(--color-primary);
  --focus-offset: 2px;

  /* Tipografia */
  --font-body: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-heading: "Plus Jakarta Sans", "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --text-xs: 11px;
  --text-sm: 12.5px;
  --text-base: 14px;
  --text-md: 15.5px;
  --text-lg: 18px;
  --text-xl: 22px;
  --text-2xl: 28px;
  --leading-tight: 1.2;
  --leading-normal: 1.5;

  /* Espaçamento (escala 4) */
  --space-1: 4px;  --space-2: 8px;  --space-3: 12px; --space-4: 16px;
  --space-5: 20px; --space-6: 24px; --space-7: 32px; --space-8: 40px;
  --space-9: 48px; --space-10: 64px;

  /* Raios */
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 14px;
  --radius-full: 999px;

  /* Sombras (leves — o produto é flat) */
  --shadow-sm: 0 1px 2px rgba(32, 29, 26, 0.05);
  --shadow-md: 0 4px 12px rgba(32, 29, 26, 0.08);
  --shadow-lg: 0 12px 32px rgba(32, 29, 26, 0.14);

  /* Layout */
  --sidebar-width: 248px;
  --sidebar-collapsed: 64px;
  --header-height: 60px;
  --content-max: 1440px;

  /* Z-index */
  --z-header: 40;
  --z-sidebar: 50;
  --z-dropdown: 60;
  --z-overlay: 80;
  --z-drawer: 85;
  --z-modal: 90;
  --z-toast: 100;

  /* Animação */
  --ease: cubic-bezier(0.2, 0, 0, 1);
  --dur-fast: 120ms;
  --dur-base: 200ms;
  --dur-slow: 320ms;
}
/* Breakpoints (referência — usados literalmente em responsive.css):
   --bp-sm: 480px; --bp-md: 768px; --bp-lg: 1024px; --bp-xl: 1280px */