/*
 * SHARED COLOUR TOKENS FOR THE STAFF-FACING SCREENS: ADMIN / BUSINESS-OWNER / STAFF PANELS AND THE
 * LOGIN, SIGNUP, ROLE-SELECTION AND FORGOT-PASSWORD PAGES. THE STOREFRONT LOADS IT ONLY FOR ITS HEADER,
 * FOOTER AND MENU DRAWER (--qm-chrome* IN assets/frontend/default/css/palette.css); ITS CONTENT STAYS PLUM.
 *
 * SOURCES
 *  - Header, header text/icons, primary button: the Akazte admin header screenshot supplied on
 *    2026-10-01 (pixel values): #004aad, #ffffff, #2563eb.
 *  - Primary hover #1d4ed8: Akazte's own header markup (group-hover:tw-bg-primary-700, primary = Tailwind blue).
 *  - Page, card, text, border and sidebar values: Akazte's admin stylesheet (assets/css/style.css).
 */
:root {
  /* header */
  --ak-header-bg: #004aad;
  --ak-header-ink: #ffffff;
  --ak-header-hover: rgba(255, 255, 255, 0.14);   /* white overlay on the header blue (no new hue) */
  --ak-header-line: rgba(255, 255, 255, 0.22);

  /* primary action */
  --ak-primary: #2563eb;
  --ak-primary-hover: #1d4ed8;
  --ak-primary-ink: #ffffff;
  --ak-primary-soft: rgba(37, 99, 235, 0.10);
  --ak-focus-ring: 0 0 0 3px rgba(37, 99, 235, 0.45);

  /* surfaces and text */
  --ak-page: #f4f4f5;
  --ak-card: #ffffff;
  --ak-ink-strong: #111827;
  --ak-ink: #374151;
  --ak-ink-muted: #4b5563;
  --ak-ink-subtle: #6b7280;
  --ak-border: #e5e7eb;
  --ak-border-strong: #cbd5e1;

  /* sidebar (Akazte default light sidebar) */
  --ak-side-bg: #f4f4f5;
  --ak-side-edge: #cbd5e1;
  --ak-side-item: #4b5563;
  --ak-side-icon: #6b7280;
  --ak-side-active-bg: #ffffff;
  --ak-side-active-ink: #111827;
  --ak-side-active-edge: rgba(15, 23, 42, 0.15);
  --ak-side-sub: #374151;
  --ak-card-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);

  /* buttons (Akazte builds/tailwind.css: .btn inset highlight, .btn-default white/#d1d5db/#374151) */
  --ak-btn-radius: 0.375rem;
  --ak-btn-weight: 500;
  --ak-btn-highlight: inset 0 1px rgba(255, 255, 255, 0.15);
  --ak-btn-default-bg: #ffffff;
  --ak-btn-default-hover: #f9fafb;
  --ak-btn-default-edge: #d1d5db;
  --ak-btn-default-ink: #374151;
  /* status buttons: Akazte danger #dc2626; success/info darkened from Akazte's #22c55e for >= 4.5:1 with white text */
  --ak-success: #15803d;
  --ak-success-hover: #166534;
  --ak-danger: #dc2626;
  --ak-danger-hover: #b91c1c;
  --ak-warning: #f59e0b;
  --ak-warning-hover: #d97706;
  --ak-warning-ink: #111827;
  --ak-info: #0e7490;
  --ak-info-hover: #155e75;
  --ak-header-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1);
}