/**
 * EZ-Mobi web design tokens — espelho de EZ-Mobi.mobile/src/constants/theme.ts
 */
:root {
  --ez-bg-shell: url('../../img/bg1_2.png');

  --color-primary: #001930;
  --color-primary-button: #13274F;
  --color-danger: #cc0000;
  --color-background: #ffffff;
  --color-text: #333333;
  --color-text-muted: #666666;
  --color-border: #dddddd;
  --color-text-on-bg: #00172d;
  --color-text-muted-on-bg: rgba(0, 23, 45, 0.6);
  --color-link: #004566;
  --color-input-on-card: rgba(230, 255, 255, 0.95);
  --color-input-on-card-border: rgba(0, 23, 45, 0.12);
  --color-search-bar-bg: rgba(230, 255, 255, 0.9);
  --color-success: #009933;
  --color-warning: #9A7B00;
  --color-icon-muted: #6B7C8F;
  --color-dialog-success: #009933;
  --color-dialog-info: #004566;
  --color-dialog-cancel-bg: #E8E8E8;
  --color-dialog-cancel-text: #666666;
  --color-dialog-backdrop: rgba(0, 25, 48, 0.55);

  --auth-card-bg: rgba(255, 255, 255, 0.92);
  --auth-card-max-width: 400px;
  --auth-card-padding: 24px;
  --auth-card-radius: 12px;
  --shadow-card: 0 4px 12px rgba(0, 25, 48, 0.12);

  --radius-input: 4px;
  --radius-button: 4px;
  --radius-card: 12px;
  --height-input: 42px;
  --height-button: 50px;

  --spacing-screen: 24px;
  --spacing-field: 12px;
  --spacing-section: 32px;

  --font-family: 'Inter', system-ui, -apple-system, sans-serif;
  --drawer-width: 300px;
  --toolbar-height: 56px;

  --bp-tablet: 768px;
  --bp-desktop: 1024px;
  --content-max-width: 1280px;
  --sidebar-width: var(--drawer-width);
}