/* ============================================================
   VUEXY DESIGN SYSTEM — Crimson Tunisia Edition
   Adapted from Vuexy v10.11.1 Bootstrap5 HTML
   Palette: Tunisian Crimson #C8102E (replaces Vuexy #7367f0)
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Public+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,400&display=swap');

/* --- Vuexy Design Tokens (Crimson) --- */
:root {
  /* Primary = Tunisian Crimson */
  --bs-primary: #C8102E;
  --bs-primary-rgb: 200, 16, 46;
  --bs-primary-dark: #9E0C24;
  --bs-primary-light: #E25B6A;
  --bs-primary-bg-subtle: #FDF2F3;
  --bs-primary-border-subtle: #F5C6CB;
  --bs-primary-text-emphasis: #6B0818;

  /* Vuexy semantic colors */
  --bs-success: #28c76f;
  --bs-success-rgb: 40, 199, 111;
  --bs-success-bg-subtle: #ddf6e8;
  --bs-info: #00bad1;
  --bs-info-rgb: 0, 186, 209;
  --bs-info-bg-subtle: #d6f4f8;
  --bs-warning: #ff9f43;
  --bs-warning-rgb: 255, 159, 67;
  --bs-warning-bg-subtle: #fff0e1;
  --bs-danger: #ff4c51;
  --bs-danger-rgb: 255, 76, 81;
  --bs-danger-bg-subtle: #ffe2e3;
  --bs-secondary: #808390;
  --bs-secondary-rgb: 128, 131, 144;
  --bs-dark: #2f3349;

  /* Vuexy neutrals */
  --bs-heading-color: #444050;
  --bs-body-color: #6d6b77;
  --bs-body-bg: #f8f7fa;
  --bs-paper-bg: #fff;
  --bs-border-color: #e6e6e8;
  --bs-gray-50: #f3f2f3;
  --bs-gray-100: #eaeaec;
  --bs-gray-200: #e6e6e8;

  /* Vuexy typography */
  --bs-font-sans-serif: "Public Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --bs-body-font-size: 0.9375rem;
  --bs-body-line-height: 1.375;

  /* Vuexy shadows */
  --vx-shadow-xs: 0 0.125rem 0.25rem rgba(47,43,61,0.06);
  --vx-shadow-sm: 0 0.125rem 0.5rem rgba(47,43,61,0.12);
  --vx-shadow: 0 0.1875rem 0.75rem rgba(47,43,61,0.14);
  --vx-shadow-lg: 0 0.25rem 1.125rem rgba(47,43,61,0.16);
  --vx-shadow-xl: 0 0.375rem 1.5rem rgba(47,43,61,0.18);

  /* Vuexy radii */
  --vx-radius-xs: 0.25rem;
  --vx-radius-sm: 0.375rem;
  --vx-radius: 0.5rem;
  --vx-radius-lg: 0.625rem;
  --vx-radius-xl: 1rem;
  --vx-radius-pill: 50rem;

  /* Menu */
  --vx-menu-width: 16.25rem;
  --vx-menu-collapsed-width: 4.375rem;

  /* Transition */
  --vx-transition: 0.2s ease-in-out;
}