/* Local Logic IT — design tokens. Loaded before ll-theme.css, after osTicket CSS. */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');

:root {
  /* Brand palette */
  --ll-blue: #0066FF;
  --ll-blue-600: #0052cc;
  --ll-orange: #FF8A00;
  --ll-base: #0B0F19;          /* dark navy base */
  --ll-gray: #A6A9B3;          /* light gray text */
  --ll-white: #FFFFFF;

  /* Surfaces */
  --ll-surface: rgba(255, 255, 255, 0.04);
  --ll-surface-2: rgba(255, 255, 255, 0.06);
  --ll-surface-solid: #141A28;
  --ll-border: rgba(255, 255, 255, 0.10);
  --ll-border-strong: rgba(255, 255, 255, 0.18);

  /* Typography */
  --ll-font: 'Poppins', -apple-system, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  --ll-fw-regular: 400;
  --ll-fw-medium: 500;
  --ll-fw-semibold: 600;
  --ll-fw-bold: 700;
  --ll-fs-sm: 12px;
  --ll-fs-base: 14px;
  --ll-fs-lg: 18px;
  --ll-fs-xl: 24px;
  --ll-fs-2xl: 32px;

  /* Spacing scale */
  --ll-sp-1: 4px;
  --ll-sp-2: 8px;
  --ll-sp-3: 12px;
  --ll-sp-4: 16px;
  --ll-sp-5: 24px;
  --ll-sp-6: 32px;

  /* Radii */
  --ll-radius-sm: 8px;
  --ll-radius: 10px;
  --ll-radius-lg: 12px;

  /* Shadows */
  --ll-shadow: 0 8px 24px rgba(0, 0, 0, 0.45);
  --ll-shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.35);

  /* Focus ring */
  --ll-focus: 0 0 0 2px rgba(0, 102, 255, 0.65);

  /* Status / priority badge colors */
  --ll-status-open: #FF8A00;
  --ll-status-closed: #2ecc71;
  --ll-status-overdue: #ff4d4f;
  --ll-prio-low: #6b7280;
  --ll-prio-normal: #0066FF;
  --ll-prio-high: #FF8A00;
  --ll-prio-emergency: #ff4d4f;
}

/* Fixed branded background: dark navy + subtle blue/orange radial streaks */
html, body {
  background-color: var(--ll-base);
  background-image:
    radial-gradient(900px 500px at 12% -5%, rgba(0, 102, 255, 0.18), transparent 60%),
    radial-gradient(800px 480px at 95% 8%, rgba(255, 138, 0, 0.12), transparent 60%),
    linear-gradient(180deg, #0B0F19 0%, #0A0D16 100%);
  background-attachment: fixed;
  background-repeat: no-repeat;
}