/* Design Tokens - Auto-generated */
/* Do not edit directly - modify tokens.json instead */

/* === PRIMITIVES === */
:root {
  --primitive-color-white: #ffffff;
  --primitive-color-black: #000000;
  --primitive-color-gray-50: #f8f8f6;
  --primitive-color-gray-100: #f2f2f0;
  --primitive-color-gray-150: #ebebea;
  --primitive-color-gray-200: #eaeae8;
  --primitive-color-gray-250: #e0e0de;
  --primitive-color-gray-300: #d0d0ce;
  --primitive-color-gray-400: #bbb;
  --primitive-color-gray-500: #888888;
  --primitive-color-gray-600: #666666;
  --primitive-color-gray-700: #555555;
  --primitive-color-gray-800: #333333;
  --primitive-color-gray-900: #111111;
  --primitive-color-green-50: #f0f6f2;
  --primitive-color-green-100: #e6f2e9;
  --primitive-color-green-600: #153e21;
  --primitive-color-green-700: #1d5530;
  --primitive-color-green-800: #163d20;
  --primitive-color-red-50: #fdf0f0;
  --primitive-color-red-100: #f9dcdc;
  --primitive-color-red-600: #a32d2d;
  --primitive-color-red-700: #8b1f1f;
  --primitive-color-emerald-50: #eef7f2;
  --primitive-color-emerald-700: #2d6a4f;
  --primitive-color-amber-50: #fffbef;
  --primitive-color-amber-600: #b45309;
  --primitive-color-blue-50: #f0f4ff;
  --primitive-color-blue-600: #3b5bdb;
  --primitive-space-0: 0;
  --primitive-space-1: 0.25rem;
  --primitive-space-2: 0.5rem;
  --primitive-space-3: 0.75rem;
  --primitive-space-4: 1rem;
  --primitive-space-5: 1.25rem;
  --primitive-space-6: 1.5rem;
  --primitive-space-7: 1.75rem;
  --primitive-space-8: 2rem;
  --primitive-space-10: 2.5rem;
  --primitive-space-12: 3rem;
  --primitive-space-14: 3.5rem;
  --primitive-font-size-2xs: 0.5625rem;
  --primitive-font-size-xs: 0.625rem;
  --primitive-font-size-sm: 0.6875rem;
  --primitive-font-size-md: 0.75rem;
  --primitive-font-size-base: 0.8125rem;
  --primitive-font-size-lg: 0.875rem;
  --primitive-font-size-xl: 1rem;
  --primitive-font-weight-regular: 400;
  --primitive-font-weight-medium: 500;
  --primitive-font-weight-semibold: 600;
  --primitive-font-weight-bold: 700;
  --primitive-line-height-tight: 1.2;
  --primitive-line-height-snug: 1.3;
  --primitive-line-height-normal: 1.5;
  --primitive-line-height-relaxed: 1.65;
  --primitive-letter-spacing-tight: -0.02em;
  --primitive-letter-spacing-normal: 0;
  --primitive-letter-spacing-wide: 0.04em;
  --primitive-letter-spacing-wider: 0.08em;
  --primitive-letter-spacing-widest: 0.14em;
  --primitive-radius-none: 0;
  --primitive-radius-sm: 6px;
  --primitive-radius-md: 8px;
  --primitive-radius-lg: 12px;
  --primitive-radius-xl: 14px;
  --primitive-radius-2xl: 20px;
  --primitive-radius-full: 9999px;
  --primitive-shadow-none: none;
  --primitive-shadow-sm: 0 1px 3px rgba(0,0,0,0.06), 0 4px 16px rgba(0,0,0,0.04);
  --primitive-shadow-md: 0 4px 20px rgba(0,0,0,0.08);
  --primitive-shadow-lg: 0 24px 64px rgba(0,0,0,0.14);
  --primitive-shadow-card: 0 2px 16px rgba(0,0,0,0.04);
  --primitive-shadow-hover: 0 6px 28px rgba(0,0,0,0.09);
  --primitive-duration-instant: 0ms;
  --primitive-duration-fast: 100ms;
  --primitive-duration-normal: 150ms;
  --primitive-duration-moderate: 200ms;
  --primitive-duration-slow: 300ms;
  --primitive-easing-out: ease-out;
  --primitive-easing-in: ease-in;
  --primitive-easing-in-out: ease-in-out;
  --primitive-layout-sidebar-width: 220px;
  --primitive-layout-topbar-height: 52px;
  --primitive-layout-page-max-width: 1100px;
  --primitive-layout-modal-sm: 384px;
  --primitive-layout-modal-md: 500px;
  --primitive-layout-modal-lg: 640px;
}

/* === SEMANTIC === */
:root {
  --color-background: #f8f8f6;
  --color-surface: #ffffff;
  --color-surface-hover: #f2f2f0;
  --color-surface-active: #ebebea;
  --color-border: #eaeae8;
  --color-border-subtle: #ebebea;
  --color-border-input: #e0e0de;
  --color-foreground: #111111;
  --color-foreground-2: #555555;
  --color-foreground-3: #888888;
  --color-foreground-4: #bbb;
  --color-primary: #153e21;
  --color-primary-hover: #1d5530;
  --color-primary-bg: #f0f6f2;
  --color-primary-light: #e6f2e9;
  --color-on-primary: #ffffff;
  --color-success: #2d6a4f;
  --color-success-bg: #eef7f2;
  --color-error: #a32d2d;
  --color-error-bg: #fdf0f0;
  --color-error-hover: #f9dcdc;
  --color-warning: #b45309;
  --color-warning-bg: #fffbef;
  --color-info: #3b5bdb;
  --color-info-bg: #f0f4ff;
  --color-overlay: rgba(0,0,0,0.35);
  --spacing-xs: 0.5rem;
  --spacing-sm: 0.75rem;
  --spacing-md: 1rem;
  --spacing-lg: 1.5rem;
  --spacing-xl: 1.75rem;
  --spacing-2xl: 2rem;
  --spacing-section: 48px;
  --typography-font-sans: 'Inter', system-ui, sans-serif;
  --typography-font-display: 'Cormorant Garamond', Georgia, serif;
  --radius-sm: 6px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-xl: 14px;
  --shadow-sm: 0 1px 3px rgba(0,0,0,0.06), 0 4px 16px rgba(0,0,0,0.04);
  --shadow-md: 0 4px 20px rgba(0,0,0,0.08);
  --shadow-lg: 0 24px 64px rgba(0,0,0,0.14);
  --shadow-card: 0 2px 16px rgba(0,0,0,0.04);
  --shadow-hover: 0 6px 28px rgba(0,0,0,0.09);
  --transition-fast: 150ms ease-out;
  --transition-normal: 200ms ease-out;
  --transition-slow: 300ms ease-out;
}

/* === COMPONENTS === */
:root {
  --button-height-sm: 32px;
  --button-height-md: 36px;
  --button-height-lg: 44px;
  --button-padding-x: 1rem;
  --button-padding-y: 7px;
  --button-font-size: 0.75rem;
  --button-font-weight: 500;
  --button-radius: 8px;
  --button-gap: 0.5rem;
  --button-transition: 150ms ease-out;
  --button-primary-bg: #153e21;
  --button-primary-bg-hover: #1d5530;
  --button-primary-fg: #ffffff;
  --button-secondary-bg: #ffffff;
  --button-secondary-bg-hover: #f2f2f0;
  --button-secondary-fg: #555555;
  --button-secondary-border: #eaeae8;
  --button-danger-bg: #fdf0f0;
  --button-danger-bg-hover: #f9dcdc;
  --button-danger-fg: #a32d2d;
  --button-disabled-opacity: 0.45;
  --input-height: 40px;
  --input-height-sm: 36px;
  --input-padding-x: 0.75rem;
  --input-padding-y: 10px;
  --input-font-size: 0.8125rem;
  --input-radius: 8px;
  --input-bg: #ffffff;
  --input-fg: #111111;
  --input-border: #e0e0de;
  --input-border-focus: #888888;
  --input-placeholder: #bbb;
  --input-transition: 150ms ease-out;
  --label-font-size: 0.625rem;
  --label-font-weight: 600;
  --label-letter-spacing: 0.14em;
  --label-color: #bbb;
  --label-margin-bottom: 0.5rem;
  --card-bg: #ffffff;
  --card-border: 0.5px solid #eaeae8;
  --card-radius: 14px;
  --card-shadow: 0 1px 3px rgba(0,0,0,0.06), 0 4px 16px rgba(0,0,0,0.04);
  --card-padding: 1.75rem;
  --card-hover-shadow: 0 6px 28px rgba(0,0,0,0.09);
  --card-hover-transform: translateY(-2px);
  --card-transition: 150ms ease-out;
  --modal-overlay-bg: rgba(0,0,0,0.35);
  --modal-bg: #ffffff;
  --modal-radius: 14px;
  --modal-shadow: 0 24px 64px rgba(0,0,0,0.14);
  --modal-padding: 28px 30px;
  --modal-width-sm: 384px;
  --modal-width-md: 500px;
  --modal-width-lg: 640px;
  --modal-title-size: 1rem;
  --modal-title-weight: 600;
  --modal-z-index: 100;
  --topbar-height: 52px;
  --topbar-bg: #ffffff;
  --topbar-border: #eaeae8;
  --topbar-padding-x: 1.75rem;
  --topbar-title-size: 0.875rem;
  --topbar-title-weight: 600;
  --topbar-z-index: 10;
  --sidebar-width: 220px;
  --sidebar-bg: #ffffff;
  --sidebar-border: #eaeae8;
  --sidebar-z-index: 50;
  --sidebar-item-height: 36px;
  --sidebar-item-radius: 8px;
  --sidebar-item-padding: 8px 10px;
  --sidebar-item-font-size: 0.8125rem;
  --sidebar-item-color: #888888;
  --sidebar-item-color-hover: #111111;
  --sidebar-item-bg-hover: #f2f2f0;
  --sidebar-item-bg-active: #ebebea;
  --sidebar-badge-bg: #153e21;
  --sidebar-badge-fg: #ffffff;
  --badge-padding: 2px 8px;
  --badge-radius: 9999px;
  --badge-font-size: 0.5625rem;
  --badge-font-weight: 700;
  --badge-letter-spacing: 0.04em;
  --skeleton-color-from: #f0f0ee;
  --skeleton-color-mid: #e8e8e6;
  --skeleton-radius: 8px;
  --skeleton-duration: 1.4s;
  --drop-zone-border: 1px dashed #eaeae8;
  --drop-zone-border-active: 1px solid #153e21;
  --drop-zone-bg: #fafaf8;
  --drop-zone-bg-hover: #f0f6f2;
  --drop-zone-radius: 8px;
  --drop-zone-padding: 28px 16px;
  --drop-zone-icon-size: 24px;
  --hub-card-padding: 28px 24px 24px;
  --hub-card-radius: 14px;
  --hub-card-icon-size: 38px;
  --hub-card-icon-radius: 10px;
  --hub-card-icon-bg-green: #f0f7f0;
  --hub-card-icon-bg-amber: #fffbef;
  --hub-card-icon-bg-blue: #f0f4ff;
  --hub-card-icon-bg-dark: #f0f0ee;
  --hub-card-icon-color-green: #1d6b3a;
  --hub-card-icon-color-amber: #b45309;
  --hub-card-icon-color-blue: #3b5bdb;
  --hub-card-icon-color-dark: #555555;
  --hub-card-arrow-color: #153e21;
  --kpi-card-bg: #ffffff;
  --kpi-card-bg-hero: #1a1f2e;
  --kpi-card-radius: 10px;
  --kpi-card-padding: 16px 18px 14px;
  --kpi-card-label-size: 0.5625rem;
  --kpi-card-value-size: 26px;
  --kpi-card-value-weight: 700;
  --kpi-card-evol-size: 0.625rem;
  --kpi-card-evol-ok-color: #2d5a40;
  --kpi-card-evol-ko-color: #7a2020;
}