/* Design tokens — porta do v1 (~/choferitapoa/css/global.css :root)
   Paleta oficial do Chofer Itapoá.
   Usado por todas as SPAs (index, app/*, admin/*) via <link rel="stylesheet">. */

:root {
  /* Cores Principais */
  --primary: #000000;
  --accent: #ff6a00;
  --bg-surface: #ffffff;
  --bg-body: #f4f6f8;

  /* Cores de Estado */
  --success: #4caf50;
  --danger: #f44336;
  --info: #2196f3;
  --warning: #ff9800;
  --accent-light: #ffe1cc;
  --success-light: #b7dfb9;
  --success-dark: #2d6930;

  /* Texto */
  --text-main: #333333;
  --text-light: #888888;
  --text-inverse: #ffffff;

  /* Bordas e Fundos */
  --border-light: #e9ecef;
  --bg-highlight: #f8f9fa;

  /* Sombras */
  --shadow-sm: 0 2px 5px rgba(0,0,0,0.1);
  --shadow-md: 0 4px 10px rgba(0,0,0,0.15);
  --shadow-lg: 0 5px 20px rgba(0,0,0,0.2);

  /* Arredondamentos (defaults — ajustar se v1 tiver específicos) */
  --radius-sm: 6px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-xl: 16px;

  /* Transições */
  --transition-fast: 0.15s ease;
  --transition-base: 0.2s ease;
  --transition-slow: 0.3s ease;
}