/* ==========================================================================
   SafariBus Issue Tracker — Design tokens
   Brand green (#6fb46a) taken from the SafariBus logo file.
   Status / feedback colours are additions — not in the SafariBus palette.
   ========================================================================== */

:root {
  /* Brand */
  --sb-green-50:  #eef8ed;
  --sb-green-100: #d7eed5;
  --sb-green-200: #b3ddaf;
  --sb-green-400: #8bc686;
  --sb-green-500: #6fb46a;   /* SafariBus primary, from logo */
  --sb-green-600: #59a054;
  --sb-green-700: #457f41;
  --sb-green-900: #24421f;

  /* Neutrals (calm, premium ops-tool surface) */
  --n-0:   #ffffff;
  --n-25:  #fafaf9;
  --n-50:  #f5f5f4;
  --n-100: #ebebe9;
  --n-200: #dcdcda;
  --n-300: #c2c1bd;
  --n-400: #9d9c96;
  --n-500: #78776f;
  --n-600: #5b5a53;
  --n-700: #44433d;
  --n-800: #2d2c28;
  --n-900: #1a1a17;

  /* Feedback — added, marked on palette frame */
  --success-500: #2f9e5b;
  --success-100: #e2f5ea;
  --warning-500: #d18a12;
  --warning-100: #fbf0dc;
  --error-500:   #d94343;
  --error-100:   #fbe6e6;
  --info-500:    #3b6dae;   /* echoes Centrika blue */
  --info-100:    #e7eefb;

  /* Ticket status — added, marked on palette frame */
  --status-new:        #3b6dae;
  --status-new-bg:      #e7eefb;
  --status-progress:   #d18a12;
  --status-progress-bg: #fbf0dc;
  --status-waiting:    #a15bc7;
  --status-waiting-bg:  #f3e9fa;
  --status-resolved:   #2f9e5b;
  --status-resolved-bg: #e2f5ea;
  --status-closed:     #5b5a53;
  --status-closed-bg:   #ebebe9;

  /* Priority */
  --priority-low:    #5b5a53;
  --priority-normal: #3b6dae;
  --priority-high:   #d18a12;
  --priority-urgent: #d94343;

  /* Typography — Aeonik is the brand typeface; Manrope is the closest
     freely-hosted fallback so the file renders outside Figma. */
  --font-display: 'Aeonik', 'Manrope', -apple-system, 'Segoe UI', sans-serif;
  --font-body: 'Aeonik', 'Manrope', -apple-system, 'Segoe UI', sans-serif;
  --font-mono-num: 'Aeonik', 'Manrope', sans-serif;

  /* Type scale */
  --text-xs: 12px;
  --text-sm: 13px;
  --text-base: 15px;
  --text-md: 17px;
  --text-lg: 20px;
  --text-xl: 24px;
  --text-2xl: 30px;
  --text-3xl: 38px;

  /* Spacing — 4/8px grid */
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 20px;
  --sp-6: 24px;
  --sp-8: 32px;
  --sp-10: 40px;
  --sp-12: 48px;
  --sp-16: 64px;
  --sp-20: 80px;

  /* Radius */
  --r-sm: 6px;
  --r-md: 10px;
  --r-lg: 14px;
  --r-full: 999px;

  /* Shadow */
  --shadow-sm: 0 1px 2px rgba(26,26,23,0.06);
  --shadow-md: 0 4px 12px rgba(26,26,23,0.08);
  --shadow-lg: 0 12px 32px rgba(26,26,23,0.12);

  /* Layout */
  --header-h: 76px;
  --container-max: 1180px;
}