/*
 Werklist design tokens for print, version 2.1.2.
 Light values only, without glass and without shadow.
*/

:root {
  --brand-blue: #1863dc;
  --brand-blue-dark: #0e4aa8;
  --brand-true: #1863dc;
  --hero-blue: #030585;
  --navy: #0b0e1a;
  --gray-50: #fafafa;
  --gray-100: #f4f4f5;
  --gray-200: #e9e9ee;
  --gray-300: #d4d4da;
  --gray-400: #9b9ba6;
  --gray-500: #6b6b76;
  --gray-600: #52525b;
  --gray-700: #3f3f46;
  --gray-800: #27272a;
  --gray-900: #0d0d12;
  --success: #18874f;
  --success-deep: #136b3f;
  --warning: #b87503;
  --error: #c0233f;
  --warning-ink: #8a5602;
  --error-ink: #b01e39;
  --brand-ink: #0e4aa8;
  --success-ink: #136b3f;
  --badge-alert: #d61f35;
  --badge-alert-ink: #ffffff;
  --live: #16a34a;
  --on-brand: #ffffff;
  --bg: #f5f5f7;
  --surface-1: #ffffff;
  --surface-2: #f6f6f8;
  --surface-strong: #f1f1f4;
  --surface-control: #ebebf0;
  --main-field: #f4f5f7;
  --main-card: #ffffff;
  --main-text: #1a1a20;
  --track-tint: rgba(24, 99, 220, 0.10);
  --assign-accent: #1863dc;
  --text: #0d0d12;
  --text-muted: rgba(13, 13, 20, 0.58);
  --text-label: rgba(13, 13, 20, 0.78);
  --border: rgba(13, 18, 40, 0.1);
  --border-rule: rgba(13, 18, 40, 0.08);
  --input-bg: #ffffff;
  --input-border: rgba(13, 18, 40, 0.16);
  --overlay: rgba(15, 18, 35, 0.44);
  --grad-blue-from: #5b9dff;
  --grad-blue-to: #1863dc;
  --grad-ocean-ink: #0e3fa8;
  --grad-ocean-scrim: rgba(3, 5, 133, 0.45);
  --header-fill: #ffffff;
  --nav-fill-active: rgba(24, 99, 220, 0.1);
  --tile-ring: rgba(13, 18, 40, 0.1);
  --ring-track: rgba(13, 18, 40, 0.12);
  --nav-ink-halo: 0 0 2px rgba(255, 255, 255, 1), 0 0 4px rgba(255, 255, 255, 0.96), 0 0 9px rgba(255, 255, 255, 0.85), 0 1px 3px rgba(255, 255, 255, 0.92);
  --nav-tab-chip: rgba(13, 18, 40, 0.09);
  --seg-selected: #d7d7e1;
  --content-wash: none;
  --chat-canvas: transparent;
  --chat-bubble-own: rgba(24, 99, 220, 0.07);
  --chat-bubble-in: rgba(13, 18, 40, 0.035);
  --chat-bubble-text: #0d0d12;
  --gold: #d99e06;
  --gold-ink: #8a6304;
  --chip-fill: #eef0f4;
  --chip-ink: #52525b;
  --skeleton-fill: color-mix(in srgb, #0d0d12 22%, #ffffff);
  --ai-from: rgba(24, 99, 220, 0.16);
  --ai-to: rgba(91, 157, 255, 0.09);
  --ai-ink: #1a44c0;
  --search-mark: #fef3c7;
  --glass-fill-panel: var(--glass-fill);
}

:root {
  --font-sans: "Satoshi", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --space-12: 48px;
  --space-16: 64px;
  --space-24: 96px;
  --space-32: 128px;
  --radius-sm: 4px;
  --radius-md: 6px;
  --radius-lg: 8px;
  --radius-xl: 12px;
  --radius-2xl: 16px;
  --radius-3xl: 24px;
  --radius-full: 9999px;
  --tint-neutral: var(--surface-control);
  --tint-permitted: color-mix(in srgb, var(--success) 10%, var(--surface-1));
  --tint-not-permitted: color-mix(in srgb, var(--error) 10%, var(--surface-1));
  --grad-report: linear-gradient(135deg, #030585 0%, #1863dc 62%, #3b82f6 100%);
  --grad-report-head: linear-gradient(90deg, #030585 0%, #1863dc 60%, #3b82f6 100%);
  --report-page: #f2f3f6;
  --report-page-dark: #0b0e1a;
  --report-card: #ffffff;
  --report-card-dark: #171c2e;
  --report-ink: #0d0d12;
  --report-ink-muted: #6b6b76;
  --report-zebra: #f2f3f6;
  --report-total: #e4ecfb;
  --report-bar: #1863dc;
  --report-bar-soft: #5a8fe6;
  --report-track: #f2f3f6;
  --type-display: 700 56px/60px var(--font-sans);
  --type-display-tracking: -0.022em;
  --type-statement: 500 40px/48px var(--font-sans);
  --type-statement-tracking: -0.015em;
  --type-title-1: 700 44px/52px var(--font-sans);
  --type-title-1-tracking: -0.02em;
  --type-title-2: 700 28px/34px var(--font-sans);
  --type-title-2-tracking: -0.012em;
  --type-title-3: 500 20px/28px var(--font-sans);
  --type-lede: 400 22px/32px var(--font-sans);
  --type-body: 400 16px/26px var(--font-sans);
  --type-small: 400 14px/22px var(--font-sans);
  --type-caption: 400 13px/20px var(--font-sans);
  --type-nav: 500 14px/20px var(--font-sans);
  --type-product-title-1: 700 26px/32px var(--font-sans);
  --type-product-title-1-tracking: -0.02em;
  --type-product-title-2: 700 22px/28px var(--font-sans);
  --type-product-title-2-tracking: -0.02em;
  --type-product-title-3: 700 17px/24px var(--font-sans);
  --type-product-title-3-tracking: -0.01em;
  --type-product-subtitle: 700 15px/22px var(--font-sans);
  --type-product-body: 400 14px/20px var(--font-sans);
  --type-product-dense: 400 13px/18px var(--font-sans);
  --type-product-caption: 400 12px/16px var(--font-sans);
  --type-product-caption-small: 500 11px/14px var(--font-sans);
  --font-email: Arial, Helvetica, sans-serif;
  --breakpoint-sm: 640px;
  --breakpoint-md: 768px;
  --breakpoint-lg: 1024px;
  --breakpoint-xl: 1280px;
  --frame: 1440px;
  --gutter: 24px;
  --pad: 24px;
  --header-h: 72px;
  --header-h-condensed: 64px;
  --leftnav-w: calc((min(100vw, var(--frame)) - 2 * var(--pad) - 11 * var(--gutter)) / 6 + var(--gutter));
}