:root {
  --cf-primary-50: #f8f2fd;
  --cf-primary-100: #efe1fb;
  --cf-primary-200: #dfc3f6;
  --cf-primary-300: #c99bef;
  --cf-primary-400: #b06ce6;
  --cf-primary-500: #9a45da;
  --cf-primary-600: #8a2ec9;
  --cf-primary-700: #7b1fa2;
  --cf-primary-800: #62157f;
  --cf-primary-900: #460d5c;
  --cf-primary-50-rgb: 248,242,253;
  --cf-primary-100-rgb: 239,225,251;
  --cf-primary-200-rgb: 223,195,246;
  --cf-primary-300-rgb: 201,155,239;
  --cf-primary-400-rgb: 176,108,230;
  --cf-primary-500-rgb: 154,69,218;
  --cf-primary-600-rgb: 138,46,201;
  --cf-primary-700-rgb: 123,31,162;
  --cf-primary-800-rgb: 98,21,127;
  --cf-primary-900-rgb: 70,13,92;

  --cf-flame-50: #fff4f2;
  --cf-flame-100: #ffe3de;
  --cf-flame-200: #ffc3b8;
  --cf-flame-300: #ff9685;
  --cf-flame-400: #ff5340;
  --cf-flame-500: #e03e58;
  --cf-flame-600: #c52c6d;
  --cf-flame-700: #a61057;
  --cf-flame-800: #820041;
  --cf-flame-900: #59002b;
  --cf-flame-50-rgb: 255,244,242;
  --cf-flame-100-rgb: 255,227,222;
  --cf-flame-200-rgb: 255,195,184;
  --cf-flame-300-rgb: 255,150,133;
  --cf-flame-400-rgb: 255,83,64;
  --cf-flame-500-rgb: 224,62,88;
  --cf-flame-600-rgb: 197,44,109;
  --cf-flame-700-rgb: 166,16,87;
  --cf-flame-800-rgb: 130,0,65;
  --cf-flame-900-rgb: 89,0,43;

  --cf-orchid-50: #fdf3ff;
  --cf-orchid-100: #fbdfff;
  --cf-orchid-200: #f6b9ff;
  --cf-orchid-300: #ee82ff;
  --cf-orchid-400: #e315ff;
  --cf-orchid-500: #ab4efe;
  --cf-orchid-600: #9330e3;
  --cf-orchid-700: #7b12c3;
  --cf-orchid-800: #5f009a;
  --cf-orchid-900: #40006b;
  --cf-orchid-50-rgb: 253,243,255;
  --cf-orchid-100-rgb: 251,223,255;
  --cf-orchid-200-rgb: 246,185,255;
  --cf-orchid-300-rgb: 238,130,255;
  --cf-orchid-400-rgb: 227,21,255;
  --cf-orchid-500-rgb: 171,78,254;
  --cf-orchid-600-rgb: 147,48,227;
  --cf-orchid-700-rgb: 123,18,195;
  --cf-orchid-800-rgb: 95,0,154;
  --cf-orchid-900-rgb: 64,0,107;

  --cf-aqua-50: #e9fbf9;
  --cf-aqua-100: #d0f4f0;
  --cf-aqua-200: #62f0e7;
  --cf-aqua-300: #69d8ea;
  --cf-aqua-400: #3cc0fb;
  --cf-aqua-500: #18a4e0;
  --cf-aqua-600: #0086c0;
  --cf-aqua-700: #006a9d;
  --cf-aqua-800: #004e78;
  --cf-aqua-900: #003051;
  --cf-aqua-50-rgb: 233,251,249;
  --cf-aqua-100-rgb: 208,244,240;
  --cf-aqua-200-rgb: 98,240,231;
  --cf-aqua-300-rgb: 105,216,234;
  --cf-aqua-400-rgb: 60,192,251;
  --cf-aqua-500-rgb: 24,164,224;
  --cf-aqua-600-rgb: 0,134,192;
  --cf-aqua-700-rgb: 0,106,157;
  --cf-aqua-800-rgb: 0,78,120;
  --cf-aqua-900-rgb: 0,48,81;

  --cf-success-50: #e9fdf0;
  --cf-success-100: #d2f8e0;
  --cf-success-200: #a7eec4;
  --cf-success-300: #71dea3;
  --cf-success-400: #24c982;
  --cf-success-500: #00ae6d;
  --cf-success-600: #009059;
  --cf-success-700: #007346;
  --cf-success-800: #005633;
  --cf-success-900: #003820;
  --cf-success-50-rgb: 233,253,240;
  --cf-success-100-rgb: 210,248,224;
  --cf-success-200-rgb: 167,238,196;
  --cf-success-300-rgb: 113,222,163;
  --cf-success-400-rgb: 36,201,130;
  --cf-success-500-rgb: 0,174,109;
  --cf-success-600-rgb: 0,144,89;
  --cf-success-700-rgb: 0,115,70;
  --cf-success-800-rgb: 0,86,51;
  --cf-success-900-rgb: 0,56,32;

  --cf-warning-50: #fff8e8;
  --cf-warning-100: #ffefcb;
  --cf-warning-200: #ffdf9a;
  --cf-warning-300: #fccd61;
  --cf-warning-400: #ffb404;
  --cf-warning-500: #f29b00;
  --cf-warning-600: #c87500;
  --cf-warning-700: #a55800;
  --cf-warning-800: #7c4100;
  --cf-warning-900: #532900;
  --cf-warning-50-rgb: 255,248,232;
  --cf-warning-100-rgb: 255,239,203;
  --cf-warning-200-rgb: 255,223,154;
  --cf-warning-300-rgb: 252,205,97;
  --cf-warning-400-rgb: 255,180,4;
  --cf-warning-500-rgb: 242,155,0;
  --cf-warning-600-rgb: 200,117,0;
  --cf-warning-700-rgb: 165,88,0;
  --cf-warning-800-rgb: 124,65,0;
  --cf-warning-900-rgb: 83,41,0;

  --cf-danger-50: #fff4f2;
  --cf-danger-100: #ffe6e3;
  --cf-danger-200: #ffcdc7;
  --cf-danger-300: #ffaba2;
  --cf-danger-400: #ff7e75;
  --cf-danger-500: #fa4846;
  --cf-danger-600: #db242b;
  --cf-danger-700: #b70017;
  --cf-danger-800: #8b000f;
  --cf-danger-900: #5d0006;
  --cf-danger-50-rgb: 255,244,242;
  --cf-danger-100-rgb: 255,230,227;
  --cf-danger-200-rgb: 255,205,199;
  --cf-danger-300-rgb: 255,171,162;
  --cf-danger-400-rgb: 255,126,117;
  --cf-danger-500-rgb: 250,72,70;
  --cf-danger-600-rgb: 219,36,43;
  --cf-danger-700-rgb: 183,0,23;
  --cf-danger-800-rgb: 139,0,15;
  --cf-danger-900-rgb: 93,0,6;

  --cf-neutral-50: #f9fafe;
  --cf-neutral-100: #f2f2f7;
  --cf-neutral-200: #e5e6eb;
  --cf-neutral-300: #d3d3db;
  --cf-neutral-400: #b6b6c0;
  --cf-neutral-500: #878896;
  --cf-neutral-600: #616271;
  --cf-neutral-700: #454656;
  --cf-neutral-800: #2b2c3c;
  --cf-neutral-900: #171827;
  --cf-neutral-50-rgb: 249,250,254;
  --cf-neutral-100-rgb: 242,242,247;
  --cf-neutral-200-rgb: 229,230,235;
  --cf-neutral-300-rgb: 211,211,219;
  --cf-neutral-400-rgb: 182,182,192;
  --cf-neutral-500-rgb: 135,136,150;
  --cf-neutral-600-rgb: 97,98,113;
  --cf-neutral-700-rgb: 69,70,86;
  --cf-neutral-800-rgb: 43,44,60;
  --cf-neutral-900-rgb: 23,24,39;

  --cf-canvas: #f7f2eb;
  --cf-canvas-rgb: 247,242,235;

  --cf-chart-passed: #009059;
  --cf-chart-challenge: #f29b00;
  --cf-chart-blocked: #db242b;
  --cf-chart-primary: #8a2ec9;

  --cf-flame-ember: #d13900;
  --cf-flame-ember-rgb: 209,57,0;

  --cf-gradient-flame: linear-gradient(90deg,#c52c6d 0%,#e03e58 50%,#ff5340 100%);
  --cf-gradient-rose: linear-gradient(135deg,#ff7281 0%,#ff4d78 42%,#ff156a 100%);
  --cf-gradient-prism: linear-gradient(90deg,#3cc0fb 0%,#ab4efe 65%,#e315ff 100%);
  --cf-gradient-aurora: linear-gradient(135deg,#8a2ec9 0%,#62f0e7 100%);
  --cf-gradient-cta: linear-gradient(45deg,#9330e3 0%,#d13900 100%);
  --cf-gradient-primary: linear-gradient(135deg,#7b1fa2 0%,#9330e3 100%);
  --cf-gradient-success: linear-gradient(135deg,#007346 0%,#006a9d 100%);
  --cf-gradient-danger: linear-gradient(135deg,#db242b 0%,#b70017 100%);
  --cf-gradient-warning: linear-gradient(135deg,#fccd61 0%,#ffb404 100%);
  --cf-gradient-info: linear-gradient(135deg,#006a9d 0%,#7b1fa2 100%);
  --cf-gradient-night: linear-gradient(135deg,#171827 0%,#460d5c 100%);
  --cf-gradient-indigo: linear-gradient(45deg,#303f9f 0%,#7b1fa2 100%);
  --cf-hatch-disabled: repeating-linear-gradient(45deg,#ffffff 0 6px,#f6f6fa 6px 12px);
  --cf-hatch-engraving: repeating-linear-gradient(45deg,rgba(23,24,39,.07) 0 1px,transparent 1px 7px);
  --cf-gradient-soft-primary: linear-gradient(135deg,#f8f2fd 0%,#ffffff 62%);
  --cf-gradient-soft-flame: linear-gradient(135deg,#fff4f2 0%,#ffffff 62%);
  --cf-gradient-soft-brand: linear-gradient(135deg,#fdf3ff 0%,#ffffff 50%,#fff4f2 100%);
  --cf-gradient-soft-aurora: linear-gradient(135deg,#f8f2fd 0%,#fdf3ff 100%);
  --cf-gradient-text: linear-gradient(90deg,#c52c6d 0%,#8a2ec9 100%);
  --cf-gradient-text-light: linear-gradient(90deg,#ff9685 0%,#ee82ff 100%);
  --cf-gradient-text-human: linear-gradient(90deg,#0086c0 0%,#009059 100%);
  --cf-mask-fade-x: linear-gradient(90deg,transparent 0,#000 var(--cf-space-6),#000 calc(100% - var(--cf-space-6)),transparent 100%);
  --cf-glow-night: radial-gradient(55% 75% at 88% 12%,rgba(171,78,254,.38) 0%,rgba(171,78,254,0) 70%),radial-gradient(45% 60% at 6% 100%,rgba(255,83,64,.24) 0%,rgba(255,83,64,0) 70%);
  --cf-dash-flow: repeating-linear-gradient(90deg,rgba(238,130,255,.85) 0 6px,rgba(238,130,255,0) 6px 14px);

  --cf-plan-gradient-light-blue-teal: linear-gradient(45deg,#b3e5fc,#64ffda);
  --cf-plan-gradient-indigo-light-blue: linear-gradient(45deg,#3949ab,#4fc3f7);
  --cf-plan-gradient-light-blue-indigo: linear-gradient(45deg,#b3e5fc,#9fa8da);
  --cf-plan-gradient-yellow-green: linear-gradient(45deg,#ffff8d,#b9f6ca);
  --cf-plan-gradient-orange-deep-orange: linear-gradient(45deg,#ffe0b2,#ffccbc);
  --cf-plan-gradient-deep-purple-purple: linear-gradient(45deg,#d1c4e9,#f3e5f5);
  --cf-plan-gradient-red-pink: linear-gradient(45deg,#ff5252,#f48fb1);
  --cf-plan-gradient-light-green-amber: linear-gradient(45deg,#c5e1a5,#fff8e1);
  --cf-plan-gradient-amber-amber: linear-gradient(45deg,#ff6f00,#ffca28);
  --cf-plan-gradient-purple-pink: linear-gradient(45deg,#ea80fc,#fce4ec);
  --cf-plan-gradient-teal-cyan: linear-gradient(45deg,#e0f2f1,#00e5ff);
  --cf-plan-gradient-blue-grey-blue-grey: linear-gradient(45deg,#cfd8dc,#546e7a);
  --cf-plan-gradient-orange-amber: linear-gradient(45deg,#e65100,#1976d2);
  --cf-plan-gradient-indigo-blue: linear-gradient(45deg,#303f9f,#1976d2);
  --cf-plan-gradient-brown-brown: linear-gradient(45deg,#6d4c41,#bbdefb);
  --cf-plan-gradient-blue-grey-blue: linear-gradient(45deg,#263238,#2979ff);
  --cf-plan-gradient-purple-deep-orange: linear-gradient(45deg,#8e24aa,#ff6e40);
  --cf-plan-gradient-green-teal: linear-gradient(45deg,#43a047,#1de9b6);
  --cf-plan-gradient-purple-light-blue: linear-gradient(45deg,#e040fb,#4fc3f7);
  --cf-plan-gradient-cyan-cyan: linear-gradient(45deg,#18ffff,#00e5ff);
  --cf-plan-gradient-yellow-teal: linear-gradient(45deg,#fff9c4,#64ffda);
  --cf-plan-gradient-purple-deep-purple: linear-gradient(45deg,#7b1fa2,#7c4dff);
  --cf-plan-gradient-cyan-light-green: linear-gradient(45deg,#0097a7,#b2ff59);
  --cf-plan-gradient-purple-amber: linear-gradient(45deg,#d500f9,#ffa000);
  --cf-plan-gradient-indigo-purple: linear-gradient(45deg,#303f9f,#7b1fa2);
  --cf-plan-gradient-deep-purple-blue: linear-gradient(45deg,#6200ea,#1976d2);
  --cf-plan-gradient-deep-orange-orange: linear-gradient(45deg,#bf360c,#f57c00);
  --cf-plan-gradient-light-blue-cyan: linear-gradient(45deg,#0288d1,#26c6da);
  --cf-plan-gradient-blue-indigo: linear-gradient(45deg,#2962ff,#3949ab);
  --cf-plan-gradient-semi-dark: linear-gradient(-90deg,#00aeff,#3369e6);

  --cf-font-display: 'Jost','Mulish',system-ui,sans-serif;
  --cf-font-body: 'Mulish',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
  --cf-font-mono: ui-monospace,SFMono-Regular,Menlo,Consolas,'Liberation Mono',monospace;
  --cf-text-2xs: 11px;
  --cf-text-xs: 12px;
  --cf-text-sm: 13px;
  --cf-text-md: 14px;
  --cf-text-lg: 16px;
  --cf-text-xl: 18px;
  --cf-text-2xl: 22px;
  --cf-text-3xl: 28px;
  --cf-text-4xl: 36px;
  --cf-text-5xl: 48px;
  --cf-weight-regular: 400;
  --cf-weight-medium: 500;
  --cf-weight-semibold: 600;
  --cf-weight-bold: 700;
  --cf-leading-tight: 1.15;
  --cf-leading-snug: 1.3;
  --cf-leading-normal: 1.55;

  --cf-radius-xs: 4px;
  --cf-radius-sm: 8px;
  --cf-radius-md: 12px;
  --cf-radius-lg: 16px;
  --cf-radius-xl: 24px;
  --cf-radius-pill: 999px;
  --cf-radius-circle: 50%;

  --cf-shadow-xs: 0 1px 2px rgba(23,24,39,.10);
  --cf-shadow-inset: inset 0 1px 3px rgba(23,24,39,.10);
  --cf-shadow-sm: 0 1px 3px rgba(23,24,39,.08),0 1px 2px rgba(23,24,39,.04);
  --cf-shadow-md: 0 6px 16px rgba(23,24,39,.10),0 2px 4px rgba(23,24,39,.06);
  --cf-shadow-lg: 0 18px 40px rgba(23,24,39,.16),0 4px 10px rgba(23,24,39,.08);
  --cf-shadow-glow-primary: 0 6px 20px rgba(138,46,201,.35);
  --cf-shadow-glow-cta: 0 6px 20px rgba(209,57,0,.30);
  --cf-focus-ring: 0 0 0 3px rgba(154,69,218,.35);

  --cf-space-1: 4px;
  --cf-space-2: 8px;
  --cf-space-3: 12px;
  --cf-space-4: 16px;
  --cf-space-5: 24px;
  --cf-space-6: 32px;
  --cf-space-7: 48px;
  --cf-space-8: 64px;

  --cf-slant: -23deg;

  --cf-ease: cubic-bezier(.2,.7,.2,1);
  --cf-ease-spring: cubic-bezier(.34,1.56,.64,1);
  --cf-ease-in: cubic-bezier(.4,0,1,1);
  --cf-duration-fast: 120ms;
  --cf-duration-base: 200ms;
  --cf-duration-slow: 320ms;
  --cf-lift: -1px;
  --cf-press-scale: .97;
  --cf-pop-offset: 6px;
  --cf-rise-offset: 10px;
  --cf-enter-scale: .97;
  --cf-pop-scale: .6;
  --cf-pulse-scale: 2.6;
  --cf-breathe-scale: .8;
  --cf-shake-offset: 4px;
  --cf-stagger: 40ms;
  --cf-stamp-scale: 1.7;
  --cf-stamp-tilt: -6deg;
  --cf-stamp-ring: 1.45;
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --cf-ease-spring: var(--cf-ease);
    --cf-lift: 0px;
    --cf-press-scale: 1;
    --cf-pop-offset: 0px;
    --cf-rise-offset: 0px;
    --cf-enter-scale: 1;
    --cf-pop-scale: 1;
    --cf-pulse-scale: 1;
    --cf-breathe-scale: 1;
    --cf-shake-offset: 0px;
    --cf-stagger: 0ms;
    --cf-stamp-scale: 1;
    --cf-stamp-tilt: 0deg;
    --cf-stamp-ring: 1;
  }
}