/*
### IMPORTANT ###
README: This  file is generated from Figma.
Before making any changes, consider upddating in Figma first and exporting the variables here to help keep design <> code in sync.
Exported using https://www.figma.com/community/plugin/1264267851877180830/token-variable-export
*/

/* tailwind_3-3-2 - tailwind-primitives */

:root {

    /* unit-primitives */
    --primitive-0: 0px;
    --primitive-0-5: 2px;
    --primitive-1: 4px;
    --primitive-1-5: 6px;
    --primitive-2: 8px;
    --primitive-2-5: 10px;
    --primitive-3: 12px;
    --primitive-3-5: 14px;
    --primitive-4: 16px;
    --primitive-5: 20px;
    --primitive-6: 24px;
    --primitive-7: 28px;
    --primitive-8: 32px;
    --primitive-9: 36px;
    --primitive-10: 40px;
    --primitive-11: 44px;
    --primitive-12: 48px;
    --primitive-14: 56px;
    --primitive-16: 64px;
    --primitive-20: 80px;
    --primitive-24: 96px;
    --primitive-28: 112px;
    --primitive-32: 128px;
    --primitive-36: 144px;
    --primitive-40: 160px;
    --primitive-44: 176px;
    --primitive-48: 192px;
    --primitive-52: 208px;
    --primitive-56: 224px;
    --primitive-60: 240px;
    --primitive-64: 256px;
    --primitive-72: 288px;
    --primitive-80: 320px;
    --primitive-96: 384px;
    --border-radius-xs: var(--primitive-0-5);
    --border-radius-sm: var(--primitive-1-5);
    --border-radius-default: var(--primitive-2);
    --border-radius: var(--border-radius-default);
    --border-radius-lg: var(--primitive-4);
    --border-radius-pill: var(--primitive-96);
    --p-0: var(--primitive-0);
    --p-1: var(--primitive-1);
    --p-2: var(--primitive-2);
    --p-3: var(--primitive-3);
    --p-4: var(--primitive-4);
    --p-6: var(--primitive-6);
    --p-8: var(--primitive-8);
    --p-12: var(--primitive-12);
    --p-16: var(--primitive-16);
    --breakpoint-xs: 0;
    --breakpoint-sm: 576px;
    --breakpoint-md: 768px;
    --breakpoint-lg: 992px;
    --breakpoint-xl: 1200px;
    --breakpoint-xxl: 1440px;
    --width-sm: 576px;
    --width-md: 768px;
    --width-lg: 992px;
    --width-xl: 1200px;
    --width-xxl: 1440px;
    --layout-heading-bar-left-margin: 272px;
    --layout-heading-bar-body-margin: 109px;
    --layout-heading-bar-mobile-body-fixed-top: 96px;

    /* typography-primitives */
    --font-family: "Inter";
    --font-weight-600: 600;
    --font-weight-500: 500;
    --font-weight-400: 400;
    --font-weight-normal: var(--font-weight-400);
    --font-weight-bold: var(--font-weight-600);
    --font-size-h1: 64px;
    --font-size-h2: 32px;
    --font-size-h3: 20px;
    --font-size-default: 16px;
    --font-size-sm: 14px;
    --font-size-xs: 12px;
    --letter-spacing-tight: "-2%";
    --line-height-xxl: 80px;
    --line-height-xl: 48px;
    --line-height-lg: 32px;
    --line-height-md: 24px;
    --line-height-sm: 20px;
    --line-height-xs: 16px;

    /* _tailwind_3-3-2 */
    --black: #000000;
    --white: #FFFFFF;
    --yellow-50: #FEFCE8;
    --yellow-100: #FEF9C3;
    --yellow-200: #FEF08A;
    --yellow-300: #FDE047;
    --yellow-400: #FACC15;
    --yellow-500: #EAB308;
    --yellow-600: #CA8A04;
    --yellow-700: #A16207;
    --yellow-800: #854D0E;
    --yellow-900: #713F12;
    --yellow-950: #422006;
    --lime-50: #F7FEE7;
    --lime-100: #ECFCCB;
    --lime-200: #D9F99D;
    --lime-300: #BEF264;
    --lime-400: #A3E635;
    --lime-500: #84CC16;
    --lime-600: #65A30D;
    --lime-700: #4D7C0F;
    --lime-800: #3F6212;
    --lime-900: #365314;
    --lime-950: #1A2E05;
    --green-50: #F0FDF4;
    --green-100: #DCFCE7;
    --green-200: #BBF7D0;
    --green-300: #86EFAC;
    --green-400: #4ADE80;
    --green-500: #22C55E;
    --green-600: #16A34A;
    --green-700: #15803D;
    --green-800: #166534;
    --green-900: #14532D;
    --green-950: #052E16;
    --emerald-50: #ECFDF5;
    --emerald-100: #D1FAE5;
    --emerald-200: #A7F3D0;
    --emerald-300: #6EE7B7;
    --emerald-400: #34D399;
    --emerald-500: #10B981;
    --emerald-600: #059669;
    --emerald-700: #047857;
    --emerald-800: #065F46;
    --emerald-900: #064E3B;
    --emerald-950: #022C22;
    --teal-50: #F0FDFA;
    --teal-100: #CCFBF1;
    --teal-200: #99F6E4;
    --teal-300: #5EEAD4;
    --teal-400: #2DD4BF;
    --teal-500: #14B8A6;
    --teal-600: #0D9488;
    --teal-700: #0F766E;
    --teal-800: #115E59;
    --teal-900: #134E4A;
    --teal-950: #042F2E;
    --cyan-50: #ECFEFF;
    --cyan-100: #CFFAFE;
    --cyan-200: #A5F3FC;
    --cyan-300: #67E8F9;
    --cyan-400: #22D3EE;
    --cyan-500: #06B6D4;
    --cyan-600: #0891B2;
    --cyan-700: #0E7490;
    --cyan-800: #155E75;
    --cyan-900: #164E63;
    --cyan-950: #083344;
    --sky-50: #F0F9FF;
    --sky-100: #E0F2FE;
    --sky-200: #BAE6FD;
    --sky-300: #7DD3FC;
    --sky-400: #38BDF8;
    --sky-500: #0EA5E9;
    --sky-600: #0284C7;
    --sky-700: #0369A1;
    --sky-800: #075985;
    --sky-900: #0C4A6E;
    --sky-950: #082F49;
    --blue-50: #EFF6FF;
    --blue-100: #DBEAFE;
    --blue-200: #BFDBFE;
    --blue-300: #93C5FD;
    --blue-400: #60A5FA;
    --blue-500: #3B82F6;
    --blue-600: #2563EB;
    --blue-700: #1D4ED8;
    --blue-800: #1E40AF;
    --blue-900: #1E3A8A;
    --blue-950: #172554;
    --indigo-50: #EEF2FF;
    --indigo-100: #E0E7FF;
    --indigo-200: #C7D2FE;
    --indigo-300: #A5B4FC;
    --indigo-400: #818CF8;
    --indigo-500: #6366F1;
    --indigo-600: #4F46E5;
    --indigo-700: #4338CA;
    --indigo-800: #3730A3;
    --indigo-900: #312E81;
    --indigo-950: #1E1B4B;
    --violet-50: #F5F3FF;
    --violet-100: #EDE9FE;
    --violet-200: #DDD6FE;
    --violet-300: #C4B5FD;
    --violet-400: #A78BFA;
    --violet-500: #8B5CF6;
    --violet-600: #7C3AED;
    --violet-700: #6D28D9;
    --violet-800: #5B21B6;
    --violet-900: #4C1D95;
    --violet-950: #2E1065;
    --slate-50: #F8FAFC;
    --slate-100: #F1F5F9;
    --slate-200: #E2E8F0;
    --slate-300: #CBD5E1;
    --slate-400: #94A3B8;
    --slate-500: #64748B;
    --slate-600: #475569;
    --slate-700: #334155;
    --slate-800: #1E293B;
    --slate-900: #0F172A;
    --slate-950: #020617;
    --purple-50: #FAF5FF;
    --purple-100: #F3E8FF;
    --purple-200: #E9D5FF;
    --purple-300: #D8B4FE;
    --purple-400: #C084FC;
    --purple-500: #A855F7;
    --purple-600: #9333EA;
    --purple-700: #7E22CE;
    --purple-800: #6B21A8;
    --purple-900: #581C87;
    --purple-950: #3B0764;
    --fuchsia-50: #FDF4FF;
    --fuchsia-100: #FAE8FF;
    --fuchsia-200: #F5D0FE;
    --fuchsia-300: #F0ABFC;
    --fuchsia-400: #E879F9;
    --fuchsia-500: #D946EF;
    --fuchsia-600: #C026D3;
    --fuchsia-700: #A21CAF;
    --fuchsia-800: #86198F;
    --fuchsia-900: #701A75;
    --fuchsia-950: #4A044E;
    --pink-50: #FDF2F8;
    --pink-100: #FCE7F3;
    --pink-200: #FBCFE8;
    --pink-300: #F9A8D4;
    --pink-400: #F472B6;
    --pink-500: #EC4899;
    --pink-600: #DB2777;
    --pink-700: #BE185D;
    --pink-800: #9D174D;
    --pink-900: #831843;
    --pink-950: #500724;
    --rose-50: #FFF1F2;
    --rose-100: #FFE4E6;
    --rose-200: #FECDD3;
    --rose-300: #FDA4AF;
    --rose-400: #FB7185;
    --rose-500: #F43F5E;
    --rose-600: #E11D48;
    --rose-700: #BE123C;
    --rose-800: #9F1239;
    --rose-900: #881337;
    --rose-950: #4C0519;
    --gray-50: #F9FAFB;
    --gray-100: #F3F4F6;
    --gray-200: #E5E7EB;
    --gray-300: #D1D5DB;
    --gray-400: #9CA3AF;
    --gray-500: #6B7280;
    --gray-600: #4B5563;
    --gray-700: #374151;
    --gray-800: #1F2937;
    --gray-900: #111827;
    --gray-950: #030712;
    --zinc-50: #FAFAFA;
    --zinc-100: #F4F4F5;
    --zinc-200: #E4E4E7;
    --zinc-300: #D4D4D8;
    --zinc-400: #A1A1AA;
    --zinc-500: #71717A;
    --zinc-600: #52525B;
    --zinc-700: #3F3F46;
    --zinc-800: #27272A;
    --zinc-900: #18181B;
    --zinc-950: #09090B;
    --neutral-50: #FAFAFA;
    --neutral-100: #F5F5F5;
    --neutral-200: #E5E5E5;
    --neutral-300: #D4D4D4;
    --neutral-400: #A3A3A3;
    --neutral-500: #737373;
    --neutral-600: #525252;
    --neutral-700: #404040;
    --neutral-800: #262626;
    --neutral-900: #171717;
    --neutral-950: #0A0A0A;
    --stone-50: #FAFAF9;
    --stone-100: #F5F5F4;
    --stone-200: #E7E5E4;
    --stone-300: #D6D3D1;
    --stone-400: #A8A29E;
    --stone-500: #78716C;
    --stone-600: #57534E;
    --stone-700: #44403C;
    --stone-800: #292524;
    --stone-900: #1C1917;
    --stone-950: #0C0A09;
    --red-50: #FEF2F2;
    --red-100: #FEE2E2;
    --red-200: #FECACA;
    --red-300: #FCA5A5;
    --red-400: #F87171;
    --red-500: #EF4444;
    --red-600: #DC2626;
    --red-700: #B91C1C;
    --red-800: #991B1B;
    --red-900: #7F1D1D;
    --red-950: #450A0A;
    --orange-50: #FFF7ED;
    --orange-100: #FFEDD5;
    --orange-200: #FED7AA;
    --orange-300: #FDBA74;
    --orange-400: #FB923C;
    --orange-500: #F97316;
    --orange-600: #EA580C;
    --orange-700: #C2410C;
    --orange-800: #9A3412;
    --orange-900: #7C2D12;
    --orange-950: #431407;
    --amber-50: #FFFBEB;
    --amber-100: #FEF3C7;
    --amber-200: #FDE68A;
    --amber-300: #FCD34D;
    --amber-400: #FBBF24;
    --amber-500: #F59E0B;
    --amber-600: #D97706;
    --amber-700: #B45309;
    --amber-800: #92400E;
    --amber-900: #78350F;
    --amber-950: #451A03;

    /* UNTIL FIGMA SUPPORTS LINEAR GRADIENTS AND SHADOWS THESE SHOULD NOT BE OVERRIDDEN */
    --action-primary-default: linear-gradient(135deg, #16DB65, #16DB65);
    --action-primary-hover: linear-gradient(135deg, #21CC65, #0E9444);
    --action-primary-active: linear-gradient(135deg, #0E9444, #0A6B32);

    --box-shadow-sm: 0px 2px 4px 0px rgba(0, 0, 0, 0.25);
    --box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.25);
    --box-shadow-lg: 0px 16px 48px 0px rgba(0, 0, 0, 0.25);
    --box-shadow-xl: 0px 100px 40px 0px rgba(0, 0, 0, 0.1);

    /* dark */
    --brand-primary: #16DB65;
    --text-primary: var(--zinc-50);
    --link-default: var(--text-primary);
    --link-contrast: var(--green-500);
    --link-hover: var(--green-400);
    --link-active: var(--green-600);
    --link-nav-active: #161C17;
    --icon-primary: var(--text-primary);
    --text-secondary: var(--zinc-400);
    --text-tertiary: var(--zinc-500);
    --text-disabled: var(--zinc-500);
    --text-inverse: var(--zinc-900);
    --text-inverse-secondary: var(--zinc-500);
    --border-default: var(--stone-700);
    --border-medium-contrast: #445447;
    --border-high-contrast: #6A7A6E;
    --border-surface-match: var(--surface-primary);
    --surface-primary: #29332B;
    --background-default: #252E27;
    --surface-secondary: #282828;
    --surface-tertiary: #1F2621;
    --surface-high-contrast: #4D5F52;
    --surface-inverse: var(--neutral-50);
    --surface-disabled: var(--neutral-800);
    --action-primary-disabled: var(--gray-600);
    --action-primary-content-default: var(--text-inverse);
    --action-primary-content-disabled: var(--gray-400);
    --action-secondary-default: #212923;
    --action-secondary-hover: #2E3832;
    --action-secondary-active: #191F1B;
    --action-secondary-disabled: var(--surface-disabled);
    --action-secondary-content-disabled: var(--text-disabled);
    --action-secondary-content-default: var(--text-primary);
    --icon-secondary: var(--text-secondary);
    --icon-tertiary: var(--text-tertiary);
    --icon-inverse: var(--text-inverse);
    --semantic-category-newstuff: #D0F0DC;
    --semantic-item-status-draft: #6E7681;
    --semantic-item-status-open: #238636;
    --semantic-item-status-in-progress: var(--orange-500);
    --semantic-item-status-approved: #17A2B8;
    --semantic-item-status-closed: #DA3633;
    --semantic-item-status-done: #8957E5;
    --semantic-item-status-re-opened: var(--semantic-item-status-open);
    --semantic-item-status-merged: var(--semantic-item-status-done);
    --semantic-item-status-declined: var(--semantic-item-status-closed);
    --semantic-item-status-in-review: var(--semantic-item-status-approved);
    --semantic-item-status-changes-requested: var(--semantic-item-status-in-progress);
    --semantic-item-status-needs-work: var(--semantic-item-status-in-progress);
    --semantic-danger-surface: #332A29;
    --semantic-danger-surface-hover: var(--red-900);
    --semantic-danger-surface-active: var(--red-800);
    --semantic-danger-text: var(--red-400);
    --semantic-danger-border: var(--red-500);
    --semantic-danger-icon: var(--red-600);
    --semantic-warning-surface: #494E34;
    --semantic-warning-text: var(--yellow-300);
    --semantic-warning-border: var(--yellow-900);
    --semantic-warning-icon: var(--yellow-300);
    --semantic-success-surface: var(--green-950);
    --semantic-success-text: var(--green-300);
    --semantic-success-border: var(--green-600);
    --semantic-success-icon: var(--green-600);
    --semantic-category-improvement: #92DCB0;
    --semantic-category-ktlo: #3ABA6D;
    --semantic-category-performance: #1D5D36;
    --semantic-category-other: #184D2D;
    --semantic-code: var(--pink-600);
    --semantic-git-addition: #3FB950;
    --semantic-kpi-active-fill: var(--brand-primary);
    --semantic-git-deletion: #F85149;
    --semantic-kpi-inactive-fill: #526058;
    --semantic-kpi-no-data: #2E3C32;
    --semantic-kpi-selected: #4EED8E;
    --semantic-kpi-ooo: var(--pink-700);
    --semantic-kpi-negative: #F16161;
    --semantic-kpi-average: #407254;
    --icon-brand: #16DB65;
    --surface-brand: #274732;
    --surface-hover: #1B211C;
    --semantic-trend-chart-filled: #434D45;
    --semantic-trend-increasing-surface: var(--semantic-success-surface);
    --semantic-trend-increasing-text: var(--semantic-success-text);
    --semantic-trend-increasing-border: var(--semantic-success-border);
    --semantic-trend-decreasing-surface: var(--semantic-danger-surface);
    --semantic-trend-decreasing-text: var(--semantic-danger-text);
    --semantic-trend-decreasing-border: var(--semantic-danger-border);
    --semantic-trend-no-change-text: var(--text-secondary);
    --semantic-trend-no-change-border: var(--border-high-contrast);
    --semantic-trend-no-change-surface: var(--surface-tertiary);
    --surface-loading-stop: var(--zinc-800);
    --icon-disabled: var(--text-disabled);
    --semantic-kpi-meeting: var(--semantic-kpi-inactive-fill);
    --semantic-kpi-unlinked-points: var(--pink-700);
}

[data-theme="light"] {
    /* UNTIL FIGMA SUPPORTS LINEAR GRADIENTS AND SHADOWS THESE SHOULD NOT BE OVERRIDDEN */
    --action-primary-default: linear-gradient(180deg, #14CC5E, #11A74D);
    --action-primary-hover: linear-gradient(180deg, #12BA55, #21974E);
    --action-primary-active: linear-gradient(180deg, #239F52, #208447);

    --box-shadow-sm: 0px 2px 4px 0px rgba(0, 0, 0, 0.15);
    --box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.15);
    --box-shadow-lg: 0px 16px 48px 0px rgba(0, 0, 0, 0.15);
    --box-shadow-xl: 0px 100px 40px 0px rgba(0, 0, 0, 0.06);

    /* light */
    --brand-primary: #16DB65;
    --text-primary: var(--zinc-900);
    --link-default: var(--text-primary);
    --link-contrast: var(--green-600);
    --link-hover: var(--green-700);
    --link-active: var(--green-600);
    --link-nav-active: #E9F1EC;
    --icon-primary: var(--text-primary);
    --text-secondary: #71717A;
    --text-tertiary: var(--zinc-400);
    --text-disabled: var(--zinc-400);
    --text-inverse: var(--white);
    --text-inverse-secondary: var(--zinc-400);
    --border-default: var(--gray-200);
    --border-medium-contrast: #D9E7DD;
    --border-high-contrast: #98B3A1;
    --border-surface-match: var(--surface-primary);
    --surface-primary: var(--white);
    --background-default: #F7FAF8;
    --surface-secondary: #F3F5F4;
    --surface-tertiary: #EBF2EE;
    --surface-high-contrast: #CDDED4;
    --surface-inverse: var(--neutral-700);
    --surface-disabled: var(--neutral-100);
    --action-primary-disabled: var(--gray-100);
    --action-primary-content-default: var(--text-inverse);
    --action-primary-content-disabled: var(--gray-400);
    --action-secondary-default: #EBF2EE;
    --action-secondary-hover: var(--gray-100);
    --action-secondary-active: var(--gray-200);
    --action-secondary-disabled: var(--surface-disabled);
    --action-secondary-content-disabled: var(--text-disabled);
    --action-secondary-content-default: var(--text-primary);
    --icon-secondary: var(--text-secondary);
    --icon-tertiary: var(--text-tertiary);
    --icon-inverse: var(--text-inverse);
    --semantic-category-newstuff: #184E2E;
    --semantic-item-status-draft: #6E7681;
    --semantic-item-status-open: #238636;
    --semantic-item-status-in-progress: var(--orange-600);
    --semantic-item-status-approved: #17A2B8;
    --semantic-item-status-closed: #DA3633;
    --semantic-item-status-done: #8957E5;
    --semantic-item-status-re-opened: var(--semantic-item-status-open);
    --semantic-item-status-merged: var(--semantic-item-status-done);
    --semantic-item-status-declined: var(--semantic-item-status-closed);
    --semantic-item-status-in-review: var(--semantic-item-status-approved);
    --semantic-item-status-changes-requested: var(--semantic-item-status-in-progress);
    --semantic-item-status-needs-work: var(--semantic-item-status-in-progress);
    --semantic-danger-surface: var(--red-50);
    --semantic-danger-surface-hover: var(--red-100);
    --semantic-danger-surface-active: var(--red-200);
    --semantic-danger-text: var(--red-700);
    --semantic-danger-border: var(--red-600);
    --semantic-danger-icon: var(--red-600);
    --semantic-warning-surface: var(--yellow-50);
    --semantic-warning-text: var(--yellow-600);
    --semantic-warning-border: var(--yellow-200);
    --semantic-warning-icon: var(--yellow-600);
    --semantic-success-surface: var(--green-50);
    --semantic-success-text: var(--green-700);
    --semantic-success-border: var(--green-600);
    --semantic-success-icon: var(--green-600);
    --semantic-category-improvement: #29834D;
    --semantic-category-ktlo: #3ABA6D;
    --semantic-category-performance: #92DCB0;
    --semantic-category-other: #D8F2E2;
    --semantic-code: var(--pink-600);
    --semantic-git-addition: #1A7F37;
    --semantic-kpi-active-fill: var(--brand-primary);
    --semantic-git-deletion: #D1242F;
    --semantic-kpi-inactive-fill: #DCE4DE;
    --semantic-kpi-no-data: #F2F6F4;
    --semantic-kpi-selected: #0E9444;
    --semantic-kpi-ooo: var(--pink-300);
    --semantic-kpi-negative: #F16161;
    --semantic-kpi-average: #BADDC8;
    --icon-brand: #21CC65;
    --surface-brand: #E3FAEC;
    --surface-hover: #E9F1EB;
    --semantic-trend-chart-filled: #D8E5DD;
    --semantic-trend-increasing-surface: var(--semantic-success-surface);
    --semantic-trend-increasing-text: var(--semantic-success-text);
    --semantic-trend-increasing-border: var(--semantic-success-border);
    --semantic-trend-decreasing-surface: var(--semantic-danger-surface);
    --semantic-trend-decreasing-text: var(--semantic-danger-text);
    --semantic-trend-decreasing-border: var(--semantic-danger-border);
    --semantic-trend-no-change-text: var(--text-secondary);
    --semantic-trend-no-change-border: var(--border-high-contrast);
    --semantic-trend-no-change-surface: var(--surface-tertiary);
    --surface-loading-stop: var(--gray-200);
    --icon-disabled: var(--text-disabled);
    --semantic-kpi-meeting: var(--semantic-kpi-inactive-fill);
    --semantic-kpi-unlinked-points: var(--pink-300);
}