body {
  margin: 0;
  line-height: normal;
}

:root {
  /* Figma Variables */

  /* Spacing */
  --font-size-11: 11px;
  --font-size-13: 13px;
  --font-size-14: 14px;
  --font-size-16: 16px;
  --font-size-17: 17px;
  --font-size-18: 18px;
  --font-size-26: 26px;
  --font-size-28: 28px;
  --font-size-30: 30px;
  --font-size-48: 48px;
  --font-size-56: 56px;
  --font-size-64: 64px;
  --font-size-72: 72px;
  --font-size-111: 11px;
  --font-size-141: 14px;
  --font-size-150: 150px;
  --font-size-161: 16px;
  --font-size-561: 56px;
  --font-size-10-5: 10.5px;
  --font-weight-400: 400;
  --font-weight-500: 500;
  --font-weight-600: 600;
  --font-weight-700: 700;
  --font-weight-4001: 400;
  --font-weight-6001: 600;
  --item-spacing-8: 8px;
  --item-spacing-10: 10px;
  --item-spacing-12: 12px;
  --item-spacing-0-01: 0.01px;
  --item-spacing-12-09: 12.09px;
  --item-spacing-1279-73: 1279.73px;
  --item-spacing-16-9: 16.9px;
  --item-spacing-5-32: 5.32px;
  --item-spacing-5-33: 5.33px;
  --item-spacing-5-48: 5.48px;
  --item-spacing-6-03: 6.03px;
  --item-spacing-6-18: 6.18px;
  --item-spacing-6-19: 6.19px;
  --item-spacing-693-9: 693.9px;
  --item-spacing-m: 32px;
  --item-spacing-xs: 8px;
  --item-spacing-xxs: 4px;
  --letter-spacing-6: -6px;
  --letter-spacing-0-3: -0.3px;
  --letter-spacing-0-13: 0.13px;
  --letter-spacing-0-17: -0.17px;
  --letter-spacing-0-18: -0.18px;
  --letter-spacing-0-28: -0.28px;
  --letter-spacing-0-44: 0.44px;
  --letter-spacing-0-48: 0.48px;
  --letter-spacing-0-52: -0.52px;
  --letter-spacing-0-78: 0.78px;
  --letter-spacing-0-88: 0.88px;
  --letter-spacing-1-1: 1.1px;
  --letter-spacing-1-12: -1.12px;
  --letter-spacing-1-26: 1.26px;
  --letter-spacing-1-28: -1.28px;
  --letter-spacing-1-44: -1.44px;
  --letter-spacing-1-68: -1.68px;
  --letter-spacing-1-98: 1.98px;
  --letter-spacing-1-441: -1.44px;
  --letter-spacing-1-981: 1.98px;
  --letter-spacing-2-52: 2.52px;
  --line-height-11: 11px;
  --line-height-17: 17px;
  --line-height-21: 21px;
  --line-height-16-27: 16.27px;
  --line-height-18-6: 18.6px;
  --line-height-20-15: 20.15px;
  --line-height-21-7: 21.7px;
  --line-height-21-71: 21.7px;
  --line-height-26-4: 26.4px;
  --line-height-26-35: 26.35px;
  --line-height-26-41: 26.4px;
  --line-height-26-351: 26.35px;
  --line-height-27-3: 27.3px;
  --line-height-27-9: 27.9px;
  --line-height-43-4: 43.4px;
  --line-height-46-5: 46.5px;
  --line-height-58-8: 58.8px;
  --line-height-60-8: 60.8px;
  --opacity-100: 1;
  --opacity-1001: 1;
  --stroke-weight-1: 1px;
  --stroke-weight-11: 1px;
  --width-360: 360px;
  --width-760: 760px;
  --width-7601: 760px;

  /* Color */
  --color-azure-36: #2d5a8a;
  --color-azure-53: #4a8ac2;
  --color-black-0: rgba(0, 0, 0, 0);
  --color-grey-10: #1a1a1a;
  --color-grey-11: #1d1d1d;
  --color-grey-14: #242424;
  --color-grey-60: #999;
  --color-grey-11-85: rgba(29, 29, 29, 0.85);
  --color-grey-11-851: rgba(29, 29, 29, 0.85);
  --color-orange-23: #4a3a2a;
  --color-white-8: rgba(255, 255, 255, 0.08);
  --color-white-81: rgba(255, 255, 255, 0.08);
  --color-white-85: rgba(255, 255, 255, 0.85);
  --color-white-95: rgba(255, 255, 255, 0.95);
  --color-white-solid: #fff;
  --color-yellow-50: #ffec02;

  /* Font */
  --font-family-Font-1: K2D;
  --font-family-Font-3: K2D;

  /* Common Style Variables */

  /* Color */
  --color-chocolate: #fe943f;
  --color-darkorange-100: #ff7206;
  --color-darkorange-200: #ff7205;
  --color-darkslategray: #3b3b3b;
  --color-dimgray: rgba(79, 79, 79, 0.85);
  --color-floralwhite: #faf8f2;
  --color-gold-100: #ffe522;
  --color-gold-200: #e6d400;
  --color-gray-100: #2a2a2a;
  --color-gray-200: rgba(255, 255, 255, 0.15);
  --color-gray-300: rgba(0, 0, 0, 0.26);
  --color-maroon: #8a0d0f;
  --color-peachpuff: #ffdbb4;
  --color-red-100: #ff0000;
  --color-red-200: #df0f00;
  --color-whitesmoke: #f4f7f9;
  --color-yellowgreen: #6fbf3a;
  --Portfolio-Blanc: #fff;
  --Portfolio-Gris-texte: #999;
  --Portfolio-Jaune: #ffec02;
  --Turbo: #ffec02;
  --White-8: rgba(255, 255, 255, 0.08);
  --White-81: rgba(255, 255, 255, 0.08);

  /* Gap */
  --gap-10: 10px;
  --gap-15: 15px;
  --gap-20: 20px;
  --gap-25: 25px;
  --gap-30: 30px;
  --gap-40: 40px;
  --gap-50: 50px;
  --gap-100: 100px;

  /* Padding */
  --padding-0: 0px;
  --padding-4: 4px;
  --padding-6: 6px;
  --padding-7: 7px;
  --padding-8: 8px;
  --padding-9: 9px;
  --padding-10: 10px;
  --padding-11: 11px;
  --padding-12: 12px;
  --padding-14: 14px;
  --padding-15: 15px;
  --padding-16: 16px;
  --padding-18: 18px;
  --padding-20: 20px;
  --padding-22: 22px;
  --padding-26: 26px;
  --padding-28: 28px;
  --padding-29: 29px;
  --padding-30: 30px;
  --padding-32: 32px;
  --padding-36: 36px;
  --padding-40: 40px;
  --padding-42: 42px;
  --padding-65: 65px;
  --padding-100: 100px;
  --padding-0_1: 0.1px;
  --padding-3_5: 3.5px;
  --padding-5_1: 5.1px;
  --padding-5_5: 5.5px;
  --padding-6_1: 6.1px;

  /* BorderRadius */
  --br-0: 0px;
  --br-12: 12px;
  --br-18: 18px;
  --br-22: 22px;
  --br-24: 24px;
  --br-25: 25px;
  --br-100: 100px;
  --br-999: 999px;

  /* Font */
  --font-fredoka-one: Fredoka One;
  --font-sf-compact: SF Compact;
  --font-sf-pro: SF Pro;
  --font-sfpro: SFPro;

  /* FontSize */
  --fs-12: 12px;
  --fs-16: 16px;
  --fs-18: 18px;
  --fs-22: 22px;
  --fs-24: 24px;
  --fs-34: 34px;
  --fs-45: 45px;
  --fs-60: 60px;

  /* Borders */
  --border-1: 1px solid var(--White-8);
  --border-2: 1px solid var(--color-darkslategray);
  --border-11: 1px solid var(--color-darkslategray);
  --border-12: 1px solid var(--color-darkslategray);
  --border-13: 1px solid var(--color-darkslategray);

  /* Shadows */
  --text-shadow-1: 0px 2px 8px rgba(0, 0, 0, 0.25);

  /* WidthHeights */
  --height-14: 14px;
  --height-16: 16px;
  --height-17: 17px;
  --height-22: 22px;
  --height-24: 24px;
  --height-30: 30px;
  --height-38: 38px;
  --height-44: 44px;
  --height-60: 60px;
  --height-100: 100px;
  --height-195: 195px;
  --height-67_2: 67.2px;
  --min-h-100: 100px;
  --width-14: 14px;
  --width-24: 24px;
  --width-60: 60px;
  --width-195: 195px;
  --width-200: 200px;
  --width-1600: 1600px;
  --width-1840: 1840px;
  --width-345_6: 345.6px;

  /* LineHeights */
  --lh-22: 22px;
  --lh-28: 28px;
  --lh-34: 34px;
  --lh-35: 35px;
  --lh-36: 36px;
  --lh-45: 45px;
  --lh-47: 47px;
  --lh-20_2: 20.2px;
  --lh-26_4: 26.4px;

  --left-0: 0px;
  --left-23: 23px;
  --top-23: 23px;
}

/* ===== Light theme overrides ===== */
:root[data-theme="light"] {
  --color-grey-10: #f4f4f2;
  --color-grey-11: #f6f6f4;
  --color-grey-14: #ececea;
  --color-grey-60: #555;
  --color-grey-11-85: rgba(246, 246, 244, 0.85);
  --color-grey-11-851: rgba(246, 246, 244, 0.85);
  --color-white-8: rgba(0, 0, 0, 0.06);
  --color-white-81: rgba(0, 0, 0, 0.06);
  --color-white-85: rgba(0, 0, 0, 0.85);
  --color-white-95: rgba(0, 0, 0, 0.92);
  --color-white-solid: #1a1a1a;
  --color-gray-100: #ffffff;
  --color-gray-200: rgba(0, 0, 0, 0.12);
  --color-gray-300: rgba(255, 255, 255, 0.26);
  --color-darkslategray: #d6d6d4;
  --color-dimgray: rgba(120, 120, 120, 0.85);
  --Portfolio-Blanc: #1a1a1a;
  --Portfolio-Gris-texte: #555;
  --White-8: rgba(0, 0, 0, 0.08);
}