/* Import des variables CSS */
@import url("./variables.css");

/* Variables de thème personnalisées */
:root {
  --background:#f9f5e6;
  --foreground:#182f19;
  --card:#fefcf4;
  --card-foreground:#182f19;
  --popover:#fefcf4;
  --popover-foreground:#182f19;
  --primary:#182f19;
  --primary-foreground:#f9f5e6;
  --secondary:#dad8c9;
  --secondary-foreground:#182f19;
  --muted:#e7e5d6;
  --muted-foreground:#485b48;
  --accent:#2d4b2e;
  --accent-foreground:#f9f5e6;
  --destructive:#d40924;
  --destructive-foreground:#fcfcfc;
  --border:#c4c5b7;
  --input:#dad8c9;
  --ring:#182f19;
  --chart-1:#2d4b2e;
  --chart-2:#4a6e42;
  --chart-3:#7b9b59;
  --chart-4:#a7b67c;
  --chart-5:#5d7a62;
  --radius:.5rem;
  --sidebar:#f2efe0;
  --sidebar-foreground:#182f19;
  --sidebar-primary:#182f19;
  --sidebar-primary-foreground:#f9f5e6;
  --sidebar-accent:#e7e5d6;
  --sidebar-accent-foreground:#182f19;
  --sidebar-border:#c4c5b7;
  --sidebar-ring:#4a6e42;
}

@supports (color:lab(0% 0 0)) {
  :root {
    --background:lab(96.6405% -.554323 7.65438);
    --foreground:lab(17.0974% -14.0026 11.3889);
    --card:lab(98.902% -.305772 3.80671);
    --card-foreground:lab(17.0974% -14.0026 11.3889);
    --popover:lab(98.902% -.305772 3.80671);
    --popover-foreground:lab(17.0974% -14.0026 11.3889);
    --primary:lab(17.0974% -14.0026 11.3889);
    --primary-foreground:lab(96.6405% -.554323 7.65438);
    --secondary:lab(86.2205% -1.13514 7.56733);
    --secondary-foreground:lab(17.0974% -14.0026 11.3889);
    --muted:lab(90.8608% -1.14018 7.56347);
    --muted-foreground:lab(36.7129% -11.1803 8.82496);
    --accent:lab(28.8273% -16.7927 13.553);
    --accent-foreground:lab(96.6405% -.554323 7.65438);
    --destructive:lab(45.5382% 69.8881 46.2994);
    --destructive-foreground:lab(98.84% .0000298023 -.0000119209);
    --border:lab(79.2981% -2.28554 7.20873);
    --input:lab(86.2205% -1.13514 7.56733);
    --ring:lab(17.0974% -14.0026 11.3889);
    --chart-1:lab(28.8273% -16.7927 13.553);
    --chart-2:lab(42.9546% -20.6161 20.5057);
    --chart-3:lab(60.4661% -20.7166 31.1284);
    --chart-4:lab(71.7641% -12.5297 27.6913);
    --chart-5:lab(48.4565% -14.8644 9.55688);
    --sidebar:lab(94.3203% -.551969 7.65613);
    --sidebar-foreground:lab(17.0974% -14.0026 11.3889);
    --sidebar-primary:lab(17.0974% -14.0026 11.3889);
    --sidebar-primary-foreground:lab(96.6405% -.554323 7.65438);
    --sidebar-accent:lab(90.8608% -1.14018 7.56347);
    --sidebar-accent-foreground:lab(17.0974% -14.0026 11.3889);
    --sidebar-border:lab(79.2981% -2.28554 7.20873);
    --sidebar-ring:lab(42.9546% -20.6161 20.5057);
  }
}

.dark {
  --background:#060d06;
  --foreground:#f2efe0;
  --card:#0c140c;
  --card-foreground:#f2efe0;
  --popover:#0c140c;
  --popover-foreground:#f2efe0;
  --primary:#759b6d;
  --primary-foreground:#060d06;
  --secondary:#182619;
  --secondary-foreground:#f2efe0;
  --muted:#182619;
  --muted-foreground:#829678;
  --accent:#263826;
  --accent-foreground:#f2efe0;
  --destructive:#d40924;
  --destructive-foreground:#f8f8f8;
  --border:#202d20;
  --input:#202d20;
  --ring:#759b6d;
  --chart-1:#49814c;
  --chart-2:#6e9e63;
  --chart-3:#9db983;
  --chart-4:#31623d;
  --chart-5:#609043;
  --sidebar:#101810;
  --sidebar-foreground:#f2efe0;
  --sidebar-primary:#759b6d;
  --sidebar-primary-foreground:#060d06;
  --sidebar-accent:#202d20;
  --sidebar-accent-foreground:#f2efe0;
  --sidebar-border:#202d20;
  --sidebar-ring:#4a6e42;
}

@supports (color:lab(0% 0 0)) {
  .dark {
    --background:lab(3.18283% -2.80908 2.08293);
    --foreground:lab(94.3203% -.551969 7.65613);
    --card:lab(5.46266% -4.07536 3.04236);
    --card-foreground:lab(94.3203% -.551969 7.65613);
    --popover:lab(5.46266% -4.07536 3.04236);
    --popover-foreground:lab(94.3203% -.551969 7.65613);
    --primary:lab(60.3737% -20.6833 20.1669);
    --primary-foreground:lab(3.18283% -2.80908 2.08293);
    --secondary:lab(13.3796% -8.38909 6.68447);
    --secondary-foreground:lab(94.3203% -.551969 7.65613);
    --muted:lab(13.3796% -8.38909 6.68447);
    --muted-foreground:lab(59.9986% -11.8847 13.6941);
    --accent:lab(21.6251% -11.1865 8.92775);
    --accent-foreground:lab(94.3203% -.551969 7.65613);
    --destructive:lab(45.5382% 69.8881 46.2994);
    --destructive-foreground:lab(97.68% -.0000298023 .0000119209);
    --border:lab(16.8617% -8.38727 6.65632);
    --input:lab(16.8617% -8.38727 6.65632);
    --ring:lab(60.3737% -20.6833 20.1669);
    --chart-1:lab(49.0332% -28.0082 22.8091);
    --chart-2:lab(60.5971% -25.7836 25.5561);
    --chart-3:lab(71.8871% -16.8953 24.2004);
    --chart-4:lab(37.2219% -24.0075 15.6678);
    --chart-5:lab(54.9221% -27.7299 35.1618);
    --sidebar:lab(7.46751% -5.05014 3.78272);
    --sidebar-foreground:lab(94.3203% -.551969 7.65613);
    --sidebar-primary:lab(60.3737% -20.6833 20.1669);
    --sidebar-primary-foreground:lab(3.18283% -2.80908 2.08293);
    --sidebar-accent:lab(16.8617% -8.38727 6.65632);
    --sidebar-accent-foreground:lab(94.3203% -.551969 7.65613);
    --sidebar-border:lab(16.8617% -8.38727 6.65632);
    --sidebar-ring:lab(42.9546% -20.6161 20.5057);
  }
}

/* Styles personnalisés pour Material Symbols */
.material-symbols-outlined {
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24;
  -webkit-user-select: none;
  user-select: none;
}

/* Styles d'impression */
@media print {
  @page {
  }

  body {
    background-color: var(--color-white);
    color: var(--color-black);
  }

  .no-print {
    display: none !important;
  }

  .print-break {
    page-break-after: always;
  }

  table {
    border-collapse: collapse;
    width: 100%;
  }

  th,
  td {
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-gray-300);
    padding-inline: calc(var(--spacing) * 2);
    padding-block: calc(var(--spacing) * 1);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }

  ul,
  ol {
    padding-left: calc(var(--spacing) * 4);
  }

  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    page-break-after: avoid;
    page-break-inside: avoid;
  }

  p,
  li {
    orphans: 3;
    widows: 3;
  }

  :where(.print-content > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
  }

  button,
  input,
  select,
  textarea {
    display: none !important;
  }
}

/* Safe area pour les appareils avec encoche */
.pb-safe {
  padding-bottom: env(safe-area-inset-bottom, 0);
}