/*
Jury Marketing - Design Tokens.

Brand colors are sampled directly from the real logo asset
(jury_marketing/assets/logo.png, byte-identical to
design-reference/jury-marketing/logo.png.png) via a pixel-color scan
of the real file - not eyeballed, not approximated. Navy is the real
background color of the logo; gold is the real color of its "M"/
"MARKETING" text. concept.png supplied everything else on this page
(surface colors, spacing, card language) per the approved design
decision - its own placeholder blue accent is deliberately NOT used
anywhere in this file.
*/

:root {
  /* Brand - sampled from the real logo file */
  --jm-navy: #0B1E3D;
  --jm-navy-950: #01132D;   /* the exact sampled background value */
  --jm-navy-800: #12294F;
  --jm-navy-700: #1B3560;
  --jm-navy-600: #274572;
  --jm-gold: #DAAB4B;
  --jm-gold-600: #C4923A;
  --jm-gold-100: #F7E9CE;

  /* Surfaces - from concept.png's own light UI */
  --jm-bg: #F7F8FA;
  --jm-surface: #FFFFFF;
  --jm-border: #E5E7EB;

  /* Text */
  --jm-text: #111827;
  --jm-text-muted: #6B7280;
  --jm-text-inverse: #FFFFFF;

  /* Semantic */
  --jm-success: #16A34A;
  --jm-success-bg: #ECFDF3;
  --jm-warning: #D97706;
  --jm-warning-bg: #FFFBEB;
  --jm-danger: #DC2626;
  --jm-danger-bg: #FEF2F2;
  --jm-info: var(--jm-navy);
  --jm-info-bg: #EEF2FF;

  /* Typography */
  --jm-font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --jm-fs-xs: 0.75rem;
  --jm-fs-sm: 0.8125rem;
  --jm-fs-base: 0.9375rem;
  --jm-fs-md: 1.0625rem;
  --jm-fs-lg: 1.25rem;
  --jm-fs-xl: 1.75rem;
  --jm-fs-2xl: 2.25rem;
  --jm-fw-regular: 400;
  --jm-fw-medium: 500;
  --jm-fw-semibold: 600;
  --jm-fw-bold: 700;

  /* Spacing scale */
  --jm-space-1: 4px;
  --jm-space-2: 8px;
  --jm-space-3: 12px;
  --jm-space-4: 16px;
  --jm-space-5: 20px;
  --jm-space-6: 24px;
  --jm-space-8: 32px;
  --jm-space-10: 40px;

  /* Shape */
  --jm-radius-sm: 8px;
  --jm-radius-md: 12px;
  --jm-radius-lg: 16px;
  --jm-radius-full: 999px;

  /* Elevation - subtle, per spec (never glowing/neon) */
  --jm-shadow-sm: 0 1px 2px rgba(17, 24, 39, 0.05);
  --jm-shadow-md: 0 2px 8px rgba(17, 24, 39, 0.06), 0 1px 2px rgba(17, 24, 39, 0.04);
  --jm-shadow-lg: 0 8px 24px rgba(17, 24, 39, 0.08);

  /* Layout */
  --jm-sidebar-width: 264px;
  --jm-header-height: 64px;
  --jm-mobile-nav-height: 64px;
  --jm-touch-target: 44px;
}