:root {
   /* defaults prefer flixy overrides first, fallback to DaisyUI tokens (including built-in --b1/--bc) */
   --background: var(--flixy-color-base-100, var(--color-base-100, var(--b1)));
   --foreground: var(--flixy-color-base-content, var(--color-base-content, var(--bc)));
   --text-default: var(--flixy-color-base-content, var(--color-base-content, var(--bc)));

   /* header */
   --h-header: 60px;
   --bg-header: var(--flixy-color-base-100, var(--color-base-100, var(--b1)));
   --border-header: var(--flixy-color-base-300, var(--color-base-300, var(--b3)));
   --text-header: var(--flixy-color-base-content, var(--color-base-content, var(--bc)));
   --text-hover-header: var(--flixy-color-primary, var(--color-primary, var(--p)));

   --flixy-logo-size: 60px;
   --flixy-header-size: 60px;
   /* navigation */
   --text-navigation-item: var(--flixy-color-base-content, var(--color-base-content, var(--bc)));
   --text-hover-navigation-item: var(--flixy-color-primary, var(--color-primary, var(--p)));

   /* login */
   --bg-login-card: var(--flixy-color-base-200, var(--color-base-200, var(--b2)));
   --b-login-card: var(--flixy-color-base-300, var(--color-base-300, var(--b3)));
   --text-login-card: var(--flixy-color-base-content, var(--color-base-content, var(--bc)));

   --bg-login-forecard: var(--flixy-color-base-100, var(--color-base-100, var(--b1)));
   --b-login-forecard: var(--flixy-color-base-200, var(--color-base-200, var(--b2)));
   --text-login-forecard: var(--flixy-color-base-content, var(--color-base-content, var(--bc)));

   --bg-login-button: var(--flixy-color-primary, var(--color-primary, var(--p)));
   --b-login-button: var(--flixy-color-primary, var(--color-primary, var(--p)));
   --text-login-button: var(--flixy-color-primary-content, var(--color-primary-content, var(--pc, var(--color-base-100))));
   --bg-login-button-hover: color-mix(
      in oklab,
      var(--flixy-color-primary, var(--color-primary, var(--p))) 85%,
      var(--color-base-100, var(--b1, #0000))
   );

   --login-divider: var(--flixy-color-base-content, var(--color-base-content, var(--bc)));

   --h-login-logo: 60px;

   --bg-input-login-email: var(--flixy-default-bg-input, var(--flixy-color-base-200, var(--color-base-200, var(--b2))));
   --text-input-login-email: var(--flixy-default-text-input, var(--flixy-color-base-content, var(--color-base-content, var(--bc))));
   --bg-input-login-password: var(--flixy-default-bg-input, var(--flixy-color-base-200, var(--color-base-200, var(--b2))));
   --text-input-login-password: var(--flixy-default-text-input, var(--flixy-color-base-content, var(--color-base-content, var(--bc))));

   /* register */
   --bg-register-card: var(--flixy-color-base-200, var(--color-base-200, var(--b2)));
   --b-register-card: var(--flixy-color-base-300, var(--color-base-300, var(--b3)));
   --text-register-card: var(--flixy-color-base-content, var(--color-base-content, var(--bc)));
   --bg-register-forecard: var(--flixy-color-base-100, var(--color-base-100, var(--b1)));
   --b-register-forecard: var(--flixy-color-base-200, var(--color-base-200, var(--b2)));
   --text-register-forecard: var(--flixy-color-base-content, var(--color-base-content, var(--bc)));
   --bg-register-button: var(--flixy-color-primary, var(--color-primary, var(--p)));
   --b-register-button: var(--flixy-color-primary, var(--color-primary, var(--p)));
   --text-register-button: var(--flixy-color-primary-content, var(--color-primary-content, var(--pc, var(--color-base-100))));
   --bg-register-button-hover: color-mix(
      in oklab,
      var(--flixy-color-primary, var(--color-primary, var(--p))) 85%,
      var(--color-base-100, var(--b1, #0000))
   );
   --register-divider: var(--flixy-color-base-content, var(--color-base-content, var(--bc)));

   /* google button */
   --text-google: var(--flixy-color-base-content, var(--color-base-content, var(--bc)));
   --text-hover-google: var(--flixy-color-primary, var(--color-primary, var(--p)));
   --bg-google: hsla(0, 0%, 100%, 0);
   --bg-hover-google: var(--flixy-color-base-200, var(--color-base-200, var(--b2)));
   --b-google: var(--flixy-color-base-300, var(--color-base-300, var(--b3)));
   --b-hover-google: var(--flixy-color-base-300, var(--color-base-300, var(--b3)));

   /* profile */
   --text-profile: var(--flixy-color-base-content, var(--color-base-content, var(--bc)));
   --text-hover-profile: var(--flixy-color-primary, var(--color-primary, var(--p)));
   --b-profile: var(--flixy-color-base-300, var(--color-base-300, var(--b3)));
   --card-bg-profile: var(--flixy-color-base-300, var(--color-base-300, var(--b2)));
   --tab-bg-profile-active: var(--flixy-color-base-300, var(--color-base-300, var(--b2)));
   --tab-bg-profile: var(--flixy-color-base-200, var(--color-base-200, var(--b1)));
   /* menu profile */
   --text-menu-burger: var(--flixy-color-base-content, var(--color-base-content, var(--bc)));
   --bg-menu-profile: var(--flixy-color-base-100, var(--color-base-100, var(--b1)));
   --bg-hover-menu-profile: var(--flixy-color-primary, var(--color-primary, var(--p)));
   --text-menu-profile: var(--flixy-color-base-content, var(--color-base-content, var(--bc)));
   /* hero section */
   --text-video-controls: var(--flixy-color-base-content, var(--color-base-content, var(--bc)));
   --text-hs-title: var(--flixy-color-base-content, var(--color-base-content, var(--bc)));
   --text-hs-subtitle: var(--flixy-color-base-content, var(--color-base-content, var(--bc)));
   --bg-hs-cta: var(--flixy-color-primary, var(--color-primary, var(--p)));
   --text-hs-cta: var(--flixy-color-primary-content, var(--color-primary-content, var(--pc, var(--color-base-100))));
   --bg-hs-hover-cta: color-mix(in oklab, var(--flixy-color-primary, var(--color-primary, var(--p))) 85%, var(--color-base-100, var(--b1, #0000)));
   /* vitrine container */
   --bg-vitrine: var(--flixy-color-base-100, var(--color-base-100, var(--b1)));
   --text-vitrine-title: var(--flixy-color-base-content, var(--color-base-content, var(--bc)));
   /* bar progress */
   --bg-course-barprogress: var(--flixy-color-neutral, var(--color-neutral, var(--n)));
   --b-course-barprogress: var(--flixy-color-base-300, var(--color-base-300, var(--b3)));

   /* footer */
   --b-footer: var(--flixy-color-base-300, var(--color-base-300, var(--b3)));
   --bg-footer: var(--background, var(--color-base-100, var(--b1)));
   --text-footer: var(--flixy-color-base-content, var(--color-base-content, var(--bc)));

   /* faq */
   --text-faq-title: var(--flixy-color-base-content, var(--color-base-content, var(--bc)));
   --text-faq-question: var(--flixy-color-base-content, var(--color-base-content, var(--bc)));
   --text-faq-answer: var(--flixy-color-base-content, var(--color-base-content, var(--bc)));
   --bg-faq-accordion: var(--flixy-color-base-100, var(--color-base-100, var(--b1)));
   --b-faq-accordion: var(--flixy-color-base-200, var(--color-base-200, var(--b2)));
   --bg-faq: transparent;

   /* course */
   --text-course-title: var(--flixy-color-base-content, var(--color-base-content, var(--bc)));
   --text-course-description: var(--flixy-color-base-content, var(--color-base-content, var(--bc)));
   --text-course-lesson: var(--flixy-color-base-content, var(--color-base-content, var(--bc)));
   --text-course-lesson-hover: var(--flixy-color-base-300, var(--color-base-content, var(--bc)));
   --text-course-lesson-disabled: var(--flixy-color-neutral-content, var(--color-neutral-content, var(--nc)));
   --bg-course-lesson: transparent;
   --bg-course-lesson-hover: var(--flixy-color-base-50, var(--color-base-200, var(--b2)));
   --text-course-done: var(--flixy-color-success, var(--color-success, var(--su, var(--color-primary, var(--p)))));
   --text-hover-course-todo: var(--flixy-color-success, var(--color-success, var(--su, var(--color-primary, var(--p)))));
   --b-course-done: var(--flixy-color-success, var(--color-success, var(--su)));
   --text-course-todo: var(--flixy-color-base-content, var(--color-base-content, var(--bc)));
   --b-course-todo: var(--flixy-color-base-content, var(--color-base-content, var(--bc)));

   /* markdown */
   --text-markdown: var(--flixy-color-base-content, var(--color-base-content, var(--bc)));
   --h1-mb-markdown: 0.5rem;
   --h2-mb-markdown: 0.5rem;
   --p-mb-markdown: 0.5rem;
   --ul-mb-markdown: 0.5rem;
   --li-mb-markdown: 0.5rem;
   --strong-mb-markdown: 0.5rem;
   --a-mb-markdown: 0.5rem;

   /* vitrine timeline */
   --text-course-showcase-title: var(--flixy-color-base-content, var(--color-base-content, var(--bc)));
   --text-course-modulo-title: var(--flixy-color-base-content, var(--color-base-content, var(--bc)));
   --text-course-modulo-title-sel: var(--flixy-color-primary, var(--color-primary, var(--p)));
   --text-course-modulo-icon-check: var(--flixy-color-base-content, var(--color-base-content, var(--bc)));
   --text-course-modulo-icon-play: var(--flixy-color-base-content, var(--color-base-content, var(--bc)));
   --b-course-timeline: var(--flixy-color-base-300, var(--color-base-300, var(--b3)));

   /* images uploading */
   --bg-imagesupload-delete-button: var(--flixy-color-base-50, var(--color-base-200, var(--b2)));
}