public/styles/input.css

@import "tailwindcss";

/* Source directories for content detection */
@source "/app/src/templates";
@source "/public/*.{html,jinja, jinja2}";

@font-face {
  font-family: "titillium";
  src: url("/static/fonts/TitilliumWeb-ExtraLight.ttf") format("truetype");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "titillium";
  src: url("/static/fonts/TitilliumWeb-ExtraLightItalic.ttf") format("truetype");
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "titillium";
  src: url("/static/fonts/TitilliumWeb-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "titillium";
  src: url("/static/fonts/TitilliumWeb-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "titillium";
  src: url("/static/fonts/TitilliumWeb-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "titillium";
  src: url("/static/fonts/TitilliumWeb-Italic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "titillium";
  src: url("/static/fonts/TitilliumWeb-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "titillium";
  src: url("/static/fonts/TitilliumWeb-SemiBoldItalic.ttf") format("truetype");
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "titillium";
  src: url("/static/fonts/TitilliumWeb-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "titillium";
  src: url("/static/fonts/TitilliumWeb-BoldItalic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "titillium";
  src: url("/static/fonts/TitilliumWeb-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

/* Adding plugins */
@plugin "/app/public/libs/[email protected]/daisyui.js" {
  themes: light --default, dark --prefersdark, cupcake;
  root: ":root";
  include: ;
  exclude: rootcolors;
  prefix: ;
  logs: true;
}

@layer utilities {
  * {
    @apply focus:outline-none focus:ring-0 focus:ring-primary focus:ring-offset-0;
  }
}

@plugin "/app/public/libs/[email protected]/daisyui-theme.js" {
  name: "magnolia";
  --color-primary: oklch(0.5443 0.2564 277.75);
  --color-neutral: oklch(0.3751 0.0559 288.96);
  --color-neutral-content: oklch(1 0 0);
  --color-error: #ff006e;
  --color-warning: #ff006e;

  --color-transparent: transparent;

  --color-yauza: #8338ec;
  --color-woosh: #ffbe0b;

}

@theme {
  --animate-shake: shake 0.2s ease-in-out;

  @keyframes shake {
    0%, 100% {
      transform: translateX(0);
    }
    25% {
      transform: translateX(-5px);
    }
    75% {
      transform: translateX(5px);
    }
  }
}