/* ============================================================
   LOOP — Design Tokens v1.0 | May 2026
   ============================================================ */

:root {
  --color-green-900: #0f2218;
  --color-green-800: #1a3a2a;
  --color-green-700: #233f2f;
  --color-green-600: #2d5a3d;
  --color-green-500: #3d7a52;
  --color-green-400: #5a9e70;
  --color-green-300: #80bc93;
  --color-green-200: #afd5bc;
  --color-green-100: #d5ead9;
  --color-green-50:  #eef6f0;
  --color-amber-900: #412402;
  --color-amber-800: #633806;
  --color-amber-700: #854f0b;
  --color-amber-600: #ba7517;
  --color-amber-500: #e8a020;
  --color-amber-400: #f0b340;
  --color-amber-300: #f5c862;
  --color-amber-200: #fad98a;
  --color-amber-100: #faeeda;
  --color-amber-50:  #fdf7ee;
  --color-neutral-900: #1a2620;
  --color-neutral-800: #2a3d34;
  --color-neutral-700: #3d5246;
  --color-neutral-600: #5a6e62;
  --color-neutral-500: #7a9286;
  --color-neutral-400: #9aada3;
  --color-neutral-300: #bfccc7;
  --color-neutral-200: #dce3e0;
  --color-neutral-100: #edf1ef;
  --color-neutral-50:  #f7f4ee;
  --color-teal-700: #0f6e56;
  --color-teal-600: #1d9e75;
  --color-teal-200: #9fe1cb;
  --color-teal-100: #e1f5ee;
  --color-coral-700: #993c1d;
  --color-coral-600: #d85a30;
  --color-coral-100: #faece7;
  --color-purple-700: #534ab7;
  --color-purple-600: #7f77dd;
  --color-purple-100: #eeedfe;
  --color-blue-700: #185fa5;
  --color-blue-600: #378add;
  --color-blue-100: #e6f1fb;
  --color-surface: #ffffff;
  --color-surface-sunken: #f7f4ee;
  --text-primary:   var(--color-neutral-900);
  --text-secondary: var(--color-neutral-600);
  --text-faint:     var(--color-neutral-400);
  --text-on-dark:   #ffffff;
  --text-on-dark-muted: rgba(255,255,255,0.55);
  --text-on-dark-faint: rgba(255,255,255,0.30);
  --text-accent:    var(--color-amber-500);
  --text-link:      var(--color-green-600);
  --bg-page:        var(--color-neutral-50);
  --bg-surface:     var(--color-surface);
  --bg-sidebar:     var(--color-green-800);
  --bg-sidebar-hover: rgba(255,255,255,0.06);
  --bg-sidebar-active: rgba(232,160,32,0.15);
  --border-light:   rgba(26,58,42,0.10);
  --border-mid:     rgba(26,58,42,0.18);
  --border-dark:    rgba(26,58,42,0.30);
  --border-on-dark: rgba(255,255,255,0.08);
  --border-focus:   var(--color-amber-500);
  --interactive-primary: var(--color-green-800);
  --interactive-primary-hover: var(--color-green-600);
  --interactive-accent: var(--color-amber-500);
  --font-display: 'DM Serif Display', Georgia, serif;
  --font-body:    'DM Serif Text', Georgia, serif;
  --font-ui:      'DM Sans', system-ui, sans-serif;
  --font-mono:    'DM Mono', 'Courier New', monospace;
  --text-xs:   11px;
  --text-sm:   12.5px;
  --text-base: 13.5px;
  --text-md:   15px;
  --text-lg:   17px;
  --text-xl:   21px;
  --text-2xl:  28px;
  --text-3xl:  34px;
  --leading-tight:   1.2;
  --leading-snug:    1.4;
  --leading-normal:  1.6;
  --leading-relaxed: 1.75;
  --weight-light:   300;
  --weight-normal:  400;
  --weight-medium:  500;
  --weight-semibold: 600;
  --tracking-tight:   -0.5px;
  --tracking-normal:   0;
  --tracking-wide:     0.06em;
  --tracking-wider:    0.08em;
  --tracking-widest:   0.10em;
  --space-1: 4px; --space-2: 8px; --space-3: 12px; --space-4: 16px;
  --space-5: 20px; --space-6: 24px; --space-8: 32px; --space-10: 40px;
  --radius-sm: 4px; --radius-md: 7px; --radius-lg: 10px; --radius-xl: 14px; --radius-full: 9999px;
  --shadow-sm: 0 1px 3px rgba(26,58,42,0.06);
  --shadow-md: 0 4px 12px rgba(26,58,42,0.07);
  --shadow-lg: 0 8px 24px rgba(26,58,42,0.10);
  --sidebar-width: 220px;
  --topbar-height: 52px;
  --transition-fast: 0.10s ease;
  --transition-base: 0.15s ease;
  --transition-slow: 0.25s ease;
  --ticket-bg: var(--color-surface);
  --ticket-bg-selected: #f0f8f4;
  --ticket-border-selected: var(--color-green-500);
  --ticket-hover-shadow: 0 2px 8px rgba(26,58,42,0.06);
  --conf-high-dot:  var(--color-teal-600);
  --conf-high-text: var(--color-teal-700);
  --conf-med-dot:   var(--color-amber-500);
  --conf-med-text:  var(--color-amber-700);
  --conf-low-dot:   var(--color-coral-600);
  --conf-low-text:  var(--color-coral-700);
  --conf-bar-high:  var(--color-teal-600);
  --conf-bar-med:   var(--color-amber-500);
  --conf-bar-low:   var(--color-coral-600);
  --conf-bar-track: var(--color-neutral-200);
  --gap-bg:           var(--color-coral-100);
  --gap-border:       var(--color-coral-600);
  --gap-label:        var(--color-coral-700);
  --kb-proposal-bg:     var(--color-teal-100);
  --kb-proposal-border: var(--color-teal-600);
  --kb-proposal-label:  var(--color-teal-700);
  --tiptap-toolbar-bg:  var(--color-neutral-100);
  --tiptap-body-bg:     var(--color-surface);
  --tiptap-body-min-h:  160px;
  --tiptap-autosave:    var(--color-teal-700);
  --entry-selected-bg:    #e8f4f0;
  --entry-review-border:  var(--color-coral-600);
  --entry-tag-bg:         var(--color-blue-100);
  --entry-tag-text:       var(--color-blue-700);
  --pill-active-bg:       var(--color-neutral-900);
  --pill-active-text:     #ffffff;
  --pill-tag-active-bg:   var(--color-blue-100);
  --pill-tag-active-text: var(--color-blue-700);
  --pill-tag-active-bdr:  var(--color-blue-600);
  --sb-badge-bg:   rgba(255,255,255,0.12);
  --sb-badge-text: rgba(255,255,255,0.60);
  --processing-bg:   var(--color-neutral-100);
  --processing-text: var(--color-neutral-600);
  --spinner-track:   var(--color-neutral-200);
  --spinner-fill:    var(--color-green-600);
  --detail-split: 50%;
  --kb-list-width: 45%;
}