/* ==========================================================================
   Clear-Cite Design Tokens
   --------------------------------------------------------------------------
   Single source of truth for colors, type, spacing, radii, shadows, motion.
   Loaded by every panel (admin, court, officer, public) AFTER the panel's
   own stylesheets. Variables only — this file must never paint anything.
   ========================================================================== */

:root {
  /* ---- Neutrals (anchored on brand charcoal #0f0f10) ------------------- */
  --cc-ink: #0f0f10;
  --cc-gray-900: #1a1a1c;
  --cc-gray-800: #2b2b2e;
  --cc-gray-700: #3f4045;
  --cc-gray-600: #55565c;
  --cc-gray-500: #6f7076;
  --cc-gray-400: #9b9ca1;
  --cc-gray-300: #c9cacd;
  --cc-gray-200: #e3e4e6;
  --cc-gray-100: #f1f1f3;
  --cc-gray-50: #f8f8fa;
  --cc-white: #ffffff;

  /* ---- Brand red scale (anchored on #c60001) --------------------------- */
  --cc-red-700: #9d0001;
  --cc-red-600: #c60001;
  --cc-red-500: #e11d1e;
  --cc-red-400: #f04a4a;
  --cc-red-100: #fde3e3;
  --cc-red-50: #fef4f4;

  /* ---- Semantic roles --------------------------------------------------- */
  --cc-primary: var(--cc-ink);
  --cc-primary-hover: var(--cc-gray-800);
  --cc-primary-contrast: var(--cc-white);
  --cc-accent: var(--cc-red-600);
  --cc-accent-hover: var(--cc-red-700);
  --cc-danger: var(--cc-red-600);
  --cc-danger-bg: var(--cc-red-50);
  --cc-success: #1f7a3f;
  --cc-success-bg: #e8f5ec;
  --cc-warning: #9a6700;
  --cc-warning-bg: #fdf3d7;
  --cc-info: #1d5b8e;
  --cc-info-bg: #e7f1f9;

  --cc-text: var(--cc-ink);
  --cc-text-muted: #667085;
  --cc-border: #e7e9ee;
  --cc-border-strong: #d5d8e0;
  --cc-surface: var(--cc-white);
  --cc-surface-alt: var(--cc-gray-50);
  --cc-surface-sunken: var(--cc-gray-100);

  /* ---- Dark sidebar chrome (admin / court panels) ----------------------- */
  --cc-sidebar-bg: #15151a;
  --cc-sidebar-text: #b6b8c0;
  --cc-sidebar-text-hover: #ffffff;
  --cc-sidebar-muted: #72747e;
  --cc-sidebar-hover-bg: rgba(255, 255, 255, 0.055);
  --cc-sidebar-active-bg: rgba(255, 255, 255, 0.09);
  --cc-sidebar-border: rgba(255, 255, 255, 0.08);

  /* ---- Citation status colors (1 Pending, 2 Verified, 3 Overdue,
          4 Dispute, 7 Protested, 8 Waived, 9 Dismissed) ------------------- */
  --cc-st-pending: var(--cc-warning);
  --cc-st-pending-bg: var(--cc-warning-bg);
  --cc-st-verified: var(--cc-success);
  --cc-st-verified-bg: var(--cc-success-bg);
  --cc-st-overdue: var(--cc-red-600);
  --cc-st-overdue-bg: var(--cc-red-50);
  --cc-st-dispute: #b04708;
  --cc-st-dispute-bg: #fbeadd;
  --cc-st-protested: #6941c6;
  --cc-st-protested-bg: #f1ebfd;
  --cc-st-waived: var(--cc-info);
  --cc-st-waived-bg: var(--cc-info-bg);
  --cc-st-dismissed: var(--cc-gray-600);
  --cc-st-dismissed-bg: var(--cc-gray-100);

  /* ---- Typography -------------------------------------------------------- */
  --cc-font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    Helvetica, Arial, sans-serif;
  --cc-fs-xs: 12px;
  --cc-fs-sm: 13.5px;
  --cc-fs-base: 14.5px;
  --cc-fs-md: 16px;
  --cc-fs-lg: 18px;
  --cc-fs-xl: 21px;
  --cc-fs-2xl: 26px;
  --cc-fs-3xl: 32px;
  --cc-fw-regular: 400;
  --cc-fw-medium: 500;
  --cc-fw-semibold: 600;
  --cc-fw-bold: 700;
  --cc-fw-heavy: 800;

  /* ---- Spacing (4px scale) ----------------------------------------------- */
  --cc-sp-1: 4px;
  --cc-sp-2: 8px;
  --cc-sp-3: 12px;
  --cc-sp-4: 16px;
  --cc-sp-5: 20px;
  --cc-sp-6: 24px;
  --cc-sp-8: 32px;
  --cc-sp-10: 40px;
  --cc-sp-12: 48px;
  --cc-sp-16: 64px;

  /* ---- Radii -------------------------------------------------------------- */
  --cc-r-sm: 6px;
  --cc-r-md: 10px;
  --cc-r-lg: 14px;
  --cc-r-xl: 18px;
  --cc-r-pill: 999px;

  /* ---- Shadows ------------------------------------------------------------ */
  --cc-shadow-sm: 0 1px 2px rgba(16, 24, 40, 0.06);
  --cc-shadow-md: 0 4px 12px -2px rgba(16, 24, 40, 0.1);
  --cc-shadow-lg: 0 12px 32px -8px rgba(16, 24, 40, 0.18);
  --cc-shadow-modal: 0 30px 70px -24px rgba(16, 24, 40, 0.45);

  /* ---- Motion & focus ------------------------------------------------------ */
  --cc-t-fast: 0.15s ease;
  --cc-t-med: 0.25s ease;
  --cc-ring: 0 0 0 0.2rem rgba(15, 15, 16, 0.14);
  --cc-ring-danger: 0 0 0 0.2rem rgba(198, 0, 1, 0.18);
}