/**
 * Sentivora — base palette
 * Brand #16202a · Background #F0F0F0 · Text #282828
 */
:root {
  --color-brand: #16202a;
  --color-bg: #f0f0f0;
  --color-text: #282828;

  --primary: var(--color-brand);
  --primary-dark: #0d1319;
  --primary-hover: #1f2d3a;
  --primary-light: #e4e7ea;
  --primary-light-hover: #d8dce0;
  --accent: #3a4d5e;

  --white: #ffffff;
  --gray-50: var(--color-bg);
  --gray-100: #e5e5e5;
  --gray-200: #d4d4d4;
  --gray-400: #8a8a8a;
  --gray-600: #5c5c5c;
  --gray-800: var(--color-text);

  --text: var(--color-text);
  --text-muted: var(--gray-600);
  --text-subtle: var(--gray-400);
  --surface: var(--white);
  --surface-muted: var(--gray-50);
  --border: var(--gray-200);

  --danger: #c53030;
  --success: #2f855a;

  --shadow: 0 2px 12px rgba(22, 32, 42, 0.08);
  --shadow-lg: 0 8px 30px rgba(22, 32, 42, 0.12);
  --shadow-brand: 0 2px 16px rgba(22, 32, 42, 0.22);

  --overlay-gradient: linear-gradient(
    135deg,
    rgba(22, 32, 42, 0.55),
    rgba(58, 77, 94, 0.45)
  );
  --gradient-brand: linear-gradient(135deg, var(--primary) 0%, var(--accent) 100%);
  --gradient-surface: linear-gradient(145deg, var(--primary-light) 0%, #ececec 100%);

  /* Admin panel */
  --admin-primary: var(--color-brand);
  --admin-primary-dark: var(--primary-dark);
  --admin-primary-hover: var(--primary-hover);
  --admin-primary-light: var(--primary-light);
  --admin-accent: var(--accent);
  --admin-sidebar: var(--color-brand);
  --admin-sidebar-elevated: #1f2d3a;
  --admin-sidebar-border: rgba(255, 255, 255, 0.12);
  --admin-sidebar-active: #2a3a48;
  --admin-bg: var(--color-bg);
  --admin-bg-accent: #e5e5e5;
  --admin-white: #ffffff;
  --admin-border: var(--gray-200);
  --admin-text: var(--color-text);
  --admin-muted: #6b6b6b;
  --admin-success: #2f855a;
  --admin-warn: #b7791f;
  --admin-danger: #c53030;
  --shadow-lg-admin: 0 16px 48px rgba(22, 32, 42, 0.12);

  /* PWA shell */
  --app-bg: var(--color-bg);
  --app-surface: #ffffff;
  --app-border: var(--gray-200);

  /* Invoice */
  --inv-primary: var(--color-brand);
}