/* LastHour Admin -- design tokens.
   Dark navy "control center" palette, extracted by direct pixel sampling
   from the owner-approved visual reference (макет-дизайна.png, four
   states: login / overview / users / AI generations). See
   docs/admin/UI_VISUAL_CONTRACT.md for the full extraction record.
   Centralized here so no other stylesheet hard-codes a raw hex value --
   everything routes through these custom properties. */
:root {
  /* background layers, darkest to lightest */
  --color-bg-deep: #010b15;
  --color-canvas: #051726;
  --color-surface: #0a1f30;
  --color-surface-muted: #0d2436;
  --color-surface-raised: #16324a;
  --color-surface-inset: #081b2b;

  /* text */
  --color-text-primary: #e9f0f6;
  --color-text-secondary: #7d90a3;
  --color-text-tertiary: #52697e;

  /* structure */
  --color-border: #1b3348;
  --color-border-strong: #2a4a63;

  /* brand + status */
  --color-accent: #3b5a78;
  --color-accent-hover: #4c7196;
  --color-accent-active: #2c4560;
  --color-accent-soft: rgba(76, 113, 150, 0.16);
  --color-success: #34c77a;
  --color-success-soft: rgba(52, 199, 122, 0.14);
  --color-danger: #e5484d;
  --color-danger-soft: rgba(229, 72, 77, 0.14);
  --color-warning: #e2822f;
  --color-warning-soft: rgba(226, 130, 47, 0.14);
  --color-chart-info: #4c8fc9;
  --color-chart-secondary: #34c77a;

  /* shadow -- kept almost flat per the reference (no big elevation) */
  --shadow-card: 0 1px 2px rgba(1, 6, 12, 0.5);

  /* radii */
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-pill: 999px;

  /* layout constants */
  --sidebar-width: 248px;
  --sidebar-width-collapsed: 76px;
  --header-height: 64px;
  --control-height: 38px;
  --transition-fast: 120ms ease;
}