/*
//start with if need a google font
@import url("https://fonts.googleapis.com/css2?family=Roboto&display=swap");
*/
@font-face{
    font-family: 'Questrial';
    /*font-style: normal;
    font-weight: 400;*/
    font-display: swap;
    src: url(../fonts/questrial-regular-webfont.woff2) format('woff2');
}
@font-face{
    font-family:'Quicksand';
    /*font-style: normal;
    font-weight: 400;*/
    font-display: swap;
    src: url(../fonts/Quicksand-Light.ttf) format('ttf');
}

/*@import "tailwindcss" source("../../.{html,js,mustache}");
*/
/*
@import "tailwindcss" source("/var/lib/apxtowns/data/apxtri/objects/wwws/admin/src /  * * / *.{html,js,mustache}");
@import "./sourcetw.css";
*/
@import "/opt/apxtowns/farm-test/apxtri/node_modules/tailwindcss";
@plugin "/opt/apxtowns/farm-test/apxtri/node_modules/daisyui";
@import "./sourcetw.css";
/*
 add h-sm a vertical breakpoint to check screen height that doies not exist in tw or daisyui
*/
@config "./tailwind.config.json";

@theme {
  --font-display: "Questrial", "sans-serif";
  --font-display--font-feature-settings: "cv02", "cv03", "cv04", "cv11"; 
  --font-display--font-variation-settings: "opsz" 32; 
  --font-heading:"Quicksand","system-ui";
  --font-body:"Questrial";
}
@layer base {
  html {
    font-family: var(--font-body);
    font-weight: 300; /* Si nécessaire */
  }
  
  h1, h2, h3, h4, h5, h6 {
    font-family: var(--font-heading);
    font-weight: 500; /* Ajuster selon besoin */
  }
}

@plugin "/opt/apxtowns/farm-test/apxtri/node_modules/daisyui/theme" {
  name: "apxtridark";
  default: true;
  prefersdark: true;
  color-scheme: "dark";
  --color-base-100: oklch(40% 0.016 252.42);
  --color-base-200: oklch(20% 0.014 253.1);
  --color-base-300: oklch(15% 0.012 254.09);
  --color-base-content: oklch(97.807% 0.029 256.847);
  --color-primary: oklch(58.34% 0.136 249.54);
  --color-primary-content: oklch(96% 0.018 272.314);
  --color-secondary: oklch(69.54% 0.189 40.23);
  --color-secondary-content: oklch(94% 0.028 342.258);
  --color-accent: oklch(77% 0.152 181.912);
  --color-accent-content: oklch(38% 0.063 188.416);
  --color-neutral: oklch(14% 0.005 285.823);
  --color-neutral-content: oklch(92% 0.004 286.32);
  --color-info: oklch(56.86% 0.088 194.95);
  --color-info-content: oklch(29% 0.066 243.157);
  --color-success: oklch(66.88% 0.138 137.06);
  --color-success-content: oklch(37% 0.077 168.94);
  --color-warning: oklch(84.93% 0.162 84.01);
  --color-warning-content: oklch(41% 0.112 45.904);
  --color-error: oklch(71% 0.194 13.428);
  --color-error-content: oklch(14% 0.004 49.25);
  --radius-selector: 0.25rem;
  --radius-field: 0.5rem;
  --radius-box: 0.5rem;
  --size-selector: 0.25rem;
  --size-field: 0.28125rem;
  --border: 1px;
  --depth: 1;
  --noise: 0;
}


@plugin "/opt/apxtowns/farm-test/apxtri/node_modules/daisyui/theme" {
  name: "apxtrilight";
  default: false;
  prefersdark: false;
  color-scheme: "light";
  --color-base-100: oklch(100% 0 0);
  --color-base-200: oklch(98% 0 0);
  --color-base-300: oklch(95% 0 0);
  --color-base-content: oklch(21% 0.006 285.885);
  --color-primary: oklch(58.34% 0.136 249.54);
  --color-primary-content: oklch(93% 0.034 272.788);
  --color-secondary: oklch(69.54% 0.189 40.23);
  --color-secondary-content: oklch(94% 0.028 342.258);
  --color-accent: oklch(84.93% 0.162 84.01);
  --color-accent-content: oklch(21% 0.006 285.885);
  --color-neutral: oklch(7% 0.006 286.033);
  --color-neutral-content: oklch(1% 0.004 286.32);
  --color-info: oklch(56.86% 0.088 194.95);
  --color-info-content: oklch(98% 0 0);
  --color-success: oklch(66.88% 0.138 137.06);
  --color-success-content: oklch(92% 0.004 286.32);
  --color-warning: oklch(84.93% 0.162 84.01);
  --color-warning-content: oklch(41% 0.112 45.904);
  --color-error: oklch(71% 0.194 13.428);
  --color-error-content: oklch(27% 0.105 12.094);
  --radius-selector: 0.5rem;
  --radius-field: 0.25rem;
  --radius-box: 0.5rem;
  --size-selector: 0.25rem;
  --size-field: 0.25rem;
  --border: 1px;
  --depth: 1;
  --noise: 0;
}

::-webkit-scrollbar {
  width: 8px;
}
::-webkit-scrollbar-track {
  background: #2d3748;
}
::-webkit-scrollbar-thumb {
  background: #4a5568;
  border-radius: 4px;
}

.transition-width {
  transition: width 0.3s ease;
}
