/* DSG Drone — shared design tokens (single source for operator + public apps).
   Served via the `shared` blueprint at /shared/tokens.css and linked before each
   app's own stylesheet. Do not duplicate these into app.css / public.css. */

:root {
  --brand-orange: #c44a16;
  --brand-grey: #373a40;

  --orange-50: #fef1ea;
  --orange-100: #fce4d6;
  --orange-200: #f7c4a8;
  --orange-400: #f07a45;
  --orange-500: #c44a16;
  --orange-600: #ad3f12;
  --orange-700: #96360e;

  --grey-50: #f5f6f7;
  --grey-100: #eeeef1;
  --grey-200: #dde0e4;
  --grey-300: #c2c6cc;
  --grey-400: #9aa0a8;
  --grey-500: #7a808a;
  --grey-600: #5f656e;
  --grey-700: #4b5058;
  --grey-800: #373a40;
  --grey-900: #2a2d32;
  --grey-950: #1a1c1f;
  --white: #ffffff;

  --success: #2f9b5b;
  --success-bg: #e6f6ec;
  --warning: #c4851a;
  --warning-bg: #fdf3e0;
  --danger: #c0392b;
  --danger-bg: #fdecea;
  --info: #3d6f8c;
  --info-bg: #e8f1f5;

  --bg-app: var(--grey-50);
  --bg-card: var(--white);
  --text: var(--grey-800);
  --text-muted: var(--grey-600);
  --border: var(--grey-200);
  --action: var(--orange-500);

  --header-h: 56px;
  --mobile-nav-h: 48px;
  --sidebar-w: 240px;
  --radius: 8px;
  --shadow-sm: 0 1px 2px rgba(26, 28, 31, 0.06);
  --shadow-md: 0 8px 24px rgba(26, 28, 31, 0.08);
  --focus-ring: 0 0 0 3px rgba(196, 74, 22, 0.4);
  --font: system-ui, -apple-system, "Segoe UI", Roboto, Ubuntu, Cantarell, "Noto Sans", sans-serif;

  /* Public marketing site only */
  --container-max: 1120px;
}