:root {
  --bl-cream: #FBF8F4;
  --bl-sand-light: #EDE6DC;
  --bl-sand: #D9CFC3;
  --bl-taupe: #C9B8A8;
  --bl-taupe-mid: #A8927E;
  --bl-cocoa: #7D6550;
  --bl-ink: #2C241C;
  --bl-ink-muted: #6B5E52;
  --bl-surface-warm: #FFFCF9;
  --bl-surface-raised: #FFFEFB;
  --bl-line-strong: #D4C7B8;
  --bl-line-soft: #E8DFD4;
  --bl-amber-deep: #B07A1E;
  --bl-severity-low: #4E8A6B;
  --bl-severity-mid: #B8862B;
  --bl-severity-high: #B23A2E;
  --bl-indigo-deep: #4B4FA6;
  --bl-magenta-deep: #A33B72;
  --bl-teal-deep: #2E7D74;
  --bl-violet-white: #FBF7FF;
  --bl-violet-mist: #F3EEF8;
  --bl-violet-soft: #E4D7F0;
  --bl-violet: #C9B3E0;
  --bl-violet-mid: #A88BC8;
  --bl-violet-deep: #7A5FA0;
  --bl-violet-ink: #4A3568;
  --bl-green-pastel: #C8E6D5;
  --bl-green-line: #8FCBB0;
  --bl-green-deep: #3F7659;
  --bl-green-ink: #2F5E49;
  --bl-yellow-pastel: #F5EBC0;
  --bl-yellow-line: #E2D08A;
  --bl-yellow-deep: #8A7526;
  --bl-yellow-ink: #6B5C1E;
  --bl-white-pastel: #FFFFFF;
  --bl-white-line: #E2DCD4;
  --bl-white-deep: #4A4038;
  --bl-blue-pastel: #C5D9F0;
  --bl-blue-line: #8FB4DB;
  --bl-blue-deep: #3A628C;
  --bl-blue-ink: #2A4A6E;
  --bl-red-pastel: #F0C4C0;
  --bl-red-line: #E08A84;
  --bl-red-deep: #A4413A;
  --bl-red-ink: #8B2E28;
  --bl-grey-pastel: #D9D6D2;
  --bl-grey-line: #B8B3AD;
  --bl-grey-deep: #7E7973;
  --bl-grey-ink: #6E6A65;
  --bl-tint-rose: #F8C8D8;
  --bl-tint-amber: #FFCC80;
  --bl-tint-lilac: #CE93D8;
  --bl-tint-aqua: #9FE2D0;
  --bl-tint-mint: #A5D6A7;
  --bl-tint-coral: #FFAB91;

  --bl-color-bg: var(--bl-cream);
  --bl-color-surface: var(--bl-surface-warm);
  --bl-color-surface-raised: var(--bl-surface-raised);
  --bl-color-surface-sunken: var(--bl-sand-light);
  --bl-color-text: var(--bl-ink);
  --bl-color-text-muted: var(--bl-ink-muted);
  --bl-color-text-faint: var(--bl-taupe-mid);
  --bl-color-border: var(--bl-line-strong);
  --bl-color-border-soft: var(--bl-line-soft);
  --bl-color-accent: var(--bl-violet-deep);
  --bl-color-accent-strong: var(--bl-cocoa);
  --bl-color-accent-soft: var(--bl-violet-soft);
  --bl-color-accent-mid: var(--bl-violet-mid);
  --bl-color-accent-wash: var(--bl-violet-mist);
  --bl-color-accent-veil: var(--bl-violet-white);
  --bl-color-on-accent: var(--bl-cream);
  --bl-color-danger: var(--bl-red-ink);
  --bl-color-task-mark: var(--bl-violet-deep);
  --bl-color-archive: var(--bl-amber-deep);
  --bl-color-legend: var(--bl-red-ink);
  --bl-color-criticality-low: var(--bl-severity-low);
  --bl-color-criticality-mid: var(--bl-severity-mid);
  --bl-color-criticality-high: var(--bl-severity-high);
  --bl-color-status-todo: var(--bl-indigo-deep);
  --bl-color-status-progress: var(--bl-magenta-deep);
  --bl-color-status-planned: var(--bl-violet-deep);
  --bl-color-status-done: var(--bl-teal-deep);
  --bl-color-modal-surface: var(--bl-cream);
  --bl-color-modal-head: var(--bl-sand-light);
  --bl-color-modal-line: var(--bl-sand);
  --bl-color-rail-start: var(--bl-cocoa);
  --bl-color-rail-mid: var(--bl-violet-deep);
  --bl-color-rail-end: var(--bl-taupe-mid);

  --bl-area-team-fill: var(--bl-green-pastel);
  --bl-area-team-line: var(--bl-green-line);
  --bl-area-team-deep: var(--bl-green-deep);
  --bl-area-team-ink: var(--bl-green-ink);
  --bl-area-marketing-fill: var(--bl-yellow-pastel);
  --bl-area-marketing-line: var(--bl-yellow-line);
  --bl-area-marketing-deep: var(--bl-yellow-deep);
  --bl-area-marketing-ink: var(--bl-yellow-ink);
  --bl-area-postit-fill: var(--bl-white-pastel);
  --bl-area-postit-line: var(--bl-white-line);
  --bl-area-postit-deep: var(--bl-white-deep);
  --bl-area-postit-ink: var(--bl-ink);
  --bl-area-finanza-fill: var(--bl-blue-pastel);
  --bl-area-finanza-line: var(--bl-blue-line);
  --bl-area-finanza-deep: var(--bl-blue-deep);
  --bl-area-finanza-ink: var(--bl-blue-ink);
  --bl-area-vendita-fill: var(--bl-red-pastel);
  --bl-area-vendita-line: var(--bl-red-line);
  --bl-area-vendita-deep: var(--bl-red-deep);
  --bl-area-vendita-ink: var(--bl-red-ink);
  --bl-area-dashboard-fill: var(--bl-grey-pastel);
  --bl-area-dashboard-line: var(--bl-grey-line);
  --bl-area-dashboard-deep: var(--bl-grey-deep);
  --bl-area-dashboard-ink: var(--bl-grey-ink);

  --bl-area-fill: var(--bl-color-surface);
  --bl-area-line: var(--bl-color-border);
  --bl-area-deep: var(--bl-color-accent);
  --bl-area-ink: var(--bl-color-text);
  --bl-area-wash: var(--bl-color-surface-sunken);

  --bl-space-1: 0.25rem;
  --bl-icon-xs: 0.875rem;
  --bl-icon-sm: 1rem;
  --bl-icon-md: 1.125rem;
  --bl-icon-lg: 1.25rem;
  --bl-icon-xl: 1.375rem;
  --bl-icon-2xl: 1.5rem;
  --bl-icon-3xl: 1.75rem;
  --bl-icon-fab: 2rem;

  --bl-space-2: 0.5rem;
  --bl-space-3: 0.75rem;
  --bl-space-4: 1rem;
  --bl-space-5: 1.25rem;
  --bl-space-6: 1.5rem;
  --bl-space-8: 2rem;
  --bl-space-10: 2.5rem;

  --bl-radius-card: 4px;
  --bl-radius-chip: 3px;
  --bl-radius-button: 3px;
  --bl-line-width: 1px;

  --bl-font-serif: "Lora", Georgia, "Times New Roman", serif;
  --bl-font-sans: "Nunito Sans", system-ui, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --bl-font-icons: "Material Symbols Outlined";
  --bl-text-micro: 0.625rem;
  --bl-text-tiny: 0.6875rem;
  --bl-text-small: 0.75rem;
  --bl-text-body: 0.8125rem;
  --bl-text-read: 0.875rem;
  --bl-text-lead: 0.9375rem;
  --bl-text-title: clamp(1rem, 1.4vw, 1.125rem);
  --bl-text-section: clamp(1.25rem, 2.2vw, 1.625rem);
  --bl-text-hero: clamp(1.75rem, 5vw, 3rem);
  --bl-tracking-brand: 0.1875rem;
  --bl-tracking-label: 0.075rem;

  --bl-motion-fast: 120ms;
  --bl-motion-base: 180ms;
  --bl-motion-archive: 560ms;
  --bl-easing: cubic-bezier(0.2, 0, 0.2, 1);

  --bl-shadow-soft: 0 1px 2px rgba(44, 36, 28, 0.06), 0 2px 8px rgba(44, 36, 28, 0.06);
  --bl-shadow-lift: 0 2px 6px rgba(44, 36, 28, 0.08), 0 10px 22px rgba(122, 95, 160, 0.14);
  --bl-shadow-panel: 0 1px 3px rgba(44, 36, 28, 0.07), 0 12px 28px rgba(44, 36, 28, 0.1);

  --bl-z-glow: 0;
  --bl-z-content: 1;
  --bl-z-sticky: 2;
  --bl-z-veil: 3;
  --bl-z-modal: 4;

  --bl-rail-width: 3.5rem;
  --bl-filter-width: 13.75rem;
  --bl-panel-inset: 2.125rem;
  --bl-shell-floating-bottom: var(--bl-panel-inset);
}