@import "tailwindcss"; @import "tw-animate-css"; @custom-variant dark (&:is(.dark *)); :root { /* Hauteur de la navbar fixe et de la barre d'onglets de /activites. Ces valeurs sont des REPLIS utilisés au rendu serveur et avant que le JavaScript ait mesuré : la navbar replie son premier étage au défilement, donc sa hauteur réelle varie et est réécrite en continu sur par app/[locale]/activites/page.tsx. */ --h-navbar: 92px; --h-navbar-deplie: 92px; --h-onglets: 68px; --h-pied: 48px; /* Professional industrial color scheme for SAR */ --background: oklch(0.99 0 0); --foreground: oklch(0.12 0.005 0); --card: oklch(1 0 0); --card-foreground: oklch(0.12 0.005 0); --popover: oklch(1 0 0); --popover-foreground: oklch(0.12 0.005 0); --primary: oklch(0.55 0.22 25); --primary-foreground: oklch(0.99 0 0); --secondary: oklch(0.96 0.005 0); --secondary-foreground: oklch(0.12 0.005 0); --muted: oklch(0.96 0.005 0); --muted-foreground: oklch(0.5 0.01 0); --accent: oklch(0.55 0.22 25); --accent-foreground: oklch(0.99 0 0); --destructive: oklch(0.577 0.245 27.325); --destructive-foreground: oklch(0.99 0 0); --border: oklch(0.9 0.005 0); --input: oklch(0.9 0.005 0); --ring: oklch(0.55 0.22 25); --chart-1: oklch(0.55 0.22 25); --chart-2: oklch(0.12 0.005 0); --chart-3: oklch(0.7 0.15 25); --chart-4: oklch(0.4 0.18 25); --chart-5: oklch(0.85 0.1 25); --radius: 0.5rem; --sidebar: oklch(0.985 0 0); --sidebar-foreground: oklch(0.12 0.005 0); --sidebar-primary: oklch(0.55 0.22 25); --sidebar-primary-foreground: oklch(0.985 0 0); --sidebar-accent: oklch(0.97 0 0); --sidebar-accent-foreground: oklch(0.55 0.22 25); --sidebar-border: oklch(0.922 0 0); --sidebar-ring: oklch(0.708 0 0); } .dark { --background: oklch(0.12 0.005 0); --foreground: oklch(0.98 0 0); --card: oklch(0.15 0.005 0); --card-foreground: oklch(0.98 0 0); --popover: oklch(0.15 0.005 0); --popover-foreground: oklch(0.98 0 0); --primary: oklch(0.55 0.22 25); --primary-foreground: oklch(0.99 0 0); --secondary: oklch(0.2 0.005 0); --secondary-foreground: oklch(0.98 0 0); --muted: oklch(0.2 0.005 0); --muted-foreground: oklch(0.65 0.01 0); --accent: oklch(0.55 0.22 25); --accent-foreground: oklch(0.98 0 0); --destructive: oklch(0.5 0.2 27); --destructive-foreground: oklch(0.98 0 0); --border: oklch(0.2 0.005 0); --input: oklch(0.2 0.005 0); --ring: oklch(0.55 0.22 25); --chart-1: oklch(0.55 0.22 25); --chart-2: oklch(0.7 0.15 25); --chart-3: oklch(0.4 0.18 25); --chart-4: oklch(0.85 0.1 25); --chart-5: oklch(0.3 0.15 25); --sidebar: oklch(0.12 0.005 0); --sidebar-foreground: oklch(0.985 0 0); --sidebar-primary: oklch(0.55 0.22 25); --sidebar-primary-foreground: oklch(0.985 0 0); --sidebar-accent: oklch(0.2 0.005 0); --sidebar-accent-foreground: oklch(0.985 0 0); --sidebar-border: oklch(0.2 0.005 0); --sidebar-ring: oklch(0.439 0 0); } @theme inline { --font-sans: "Tahoma", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; --font-serif: "Tahoma", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; --font-mono: "Tahoma", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; --color-background: var(--background); --color-foreground: var(--foreground); --color-card: var(--card); --color-card-foreground: var(--card-foreground); --color-popover: var(--popover); --color-popover-foreground: var(--popover-foreground); --color-primary: var(--primary); --color-primary-foreground: var(--primary-foreground); --color-secondary: var(--secondary); --color-secondary-foreground: var(--secondary-foreground); --color-muted: var(--muted); --color-muted-foreground: var(--muted-foreground); --color-accent: var(--accent); --color-accent-foreground: var(--accent-foreground); --color-destructive: var(--destructive); --color-destructive-foreground: var(--destructive-foreground); --color-border: var(--border); --color-input: var(--input); --color-ring: var(--ring); --color-chart-1: var(--chart-1); --color-chart-2: var(--chart-2); --color-chart-3: var(--chart-3); --color-chart-4: var(--chart-4); --color-chart-5: var(--chart-5); --radius-sm: calc(var(--radius) - 4px); --radius-md: calc(var(--radius) - 2px); --radius-lg: var(--radius); --radius-xl: calc(var(--radius) + 4px); --color-sidebar: var(--sidebar); --color-sidebar-foreground: var(--sidebar-foreground); --color-sidebar-primary: var(--sidebar-primary); --color-sidebar-primary-foreground: var(--sidebar-primary-foreground); --color-sidebar-accent: var(--sidebar-accent); --color-sidebar-accent-foreground: var(--sidebar-accent-foreground); --color-sidebar-border: var(--sidebar-border); --color-sidebar-ring: var(--sidebar-ring); } @layer base { * { @apply border-border outline-ring/50; } a, button, [role="button"], label[for], select, [tabindex]:not([tabindex="-1"]) { cursor: pointer; } body { @apply bg-background text-foreground; font-family: "Tahoma", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; } html { scroll-behavior: smooth; } } /* Custom animations and effects */ @keyframes float { 0%, 100% { transform: translateY(0px); } 50% { transform: translateY(-20px); } } @keyframes shimmer { 0% { background-position: -1000px 0; } 100% { background-position: 1000px 0; } } @keyframes glow { 0%, 100% { box-shadow: 0 0 20px rgba(229, 38, 33, 0.5); } 50% { box-shadow: 0 0 40px rgba(229, 38, 33, 0.8); } } @keyframes slideInUp { from { opacity: 0; transform: translateY(30px); } to { opacity: 1; transform: translateY(0); } } .animate-float { animation: float 6s ease-in-out infinite; } .animate-shimmer { animation: shimmer 3s infinite linear; background: linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, 0.1) 50%, transparent 100%); background-size: 1000px 100%; } .animate-glow { animation: glow 2s ease-in-out infinite; } .animate-slide-in-up { animation: slideInUp 0.6s ease-out; } .gradient-text { background: linear-gradient(90deg, #e52621 0%, #ff4d47 50%, #e52621 100%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; } .glass-effect { @apply backdrop-blur-md bg-white/80 dark:bg-black/40 border border-white/20; } html { scroll-behavior: smooth; } /* Custom scrollbar styling */ ::-webkit-scrollbar { width: 10px; } ::-webkit-scrollbar-track { background: var(--background); } ::-webkit-scrollbar-thumb { background: var(--primary); border-radius: 5px; } ::-webkit-scrollbar-thumb:hover { background: oklch(0.45 0.22 25); } .custom-scrollbar::-webkit-scrollbar { width: 6px; } .custom-scrollbar::-webkit-scrollbar-track { background: transparent; } .custom-scrollbar::-webkit-scrollbar-thumb { background: rgba(0, 0, 0, 0.2); border-radius: 3px; } .custom-scrollbar::-webkit-scrollbar-thumb:hover { background: rgba(0, 0, 0, 0.3); } /* Thin horizontal scrollbar for table wrappers */ .scrollbar-thin-x { scrollbar-width: thin; scrollbar-color: #d1d5db transparent; } .scrollbar-thin-x::-webkit-scrollbar { height: 3px; width: 3px; } .scrollbar-thin-x::-webkit-scrollbar-track { background: transparent; } .scrollbar-thin-x::-webkit-scrollbar-thumb { background: #d1d5db; border-radius: 2px; } .scrollbar-thin-x::-webkit-scrollbar-thumb:hover { background: #9ca3af; } /* Masquer la scrollbar tout en gardant le défilement (section Actualités) */ .scrollbar-hide { scrollbar-width: none; -ms-overflow-style: none; } .scrollbar-hide::-webkit-scrollbar { display: none; } /* Canvas 3D enhancement for loader */ canvas { filter: blur(1px) contrast(1.2); mix-blend-mode: screen; } /* Adding decorative corner clip styles for CEO section */ .clip-corner { clip-path: polygon(0 0, 100% 0, 100% 100%, 30% 100%); } .clip-corner-bottom { clip-path: polygon(0 0, 70% 0, 100% 100%, 0 100%); } @keyframes loading-bar { 0% { width: 0%; } 100% { width: 100%; } } @keyframes loader-slide { 0% { transform: translateX(-100%); } 100% { transform: translateX(400%); } } .loader-bar { animation: loader-slide 1.1s linear infinite; } body.modal-open #topbar { display: none; } /* Replis responsives de la hauteur de navbar (voir :root en tête de fichier). Le JavaScript de /activites écrase ces valeurs par la hauteur réellement mesurée ; elles ne servent qu'au premier rendu, avant hydratation. */ @media (min-width: 640px) { :root { --h-navbar: 100px; --h-navbar-deplie: 100px; } } @media (min-width: 1280px) { :root { --h-navbar: 136px; --h-navbar-deplie: 136px; } } /* Halo pulse du repere des vignettes de localisation : il se dilate et s'efface en boucle, sans jamais deplacer le point qu'il entoure. */ @keyframes halo-repere { 0% { transform: translate(-50%, -50%) scale(1); opacity: 0.55; } 70% { transform: translate(-50%, -50%) scale(3.4); opacity: 0; } 100% { transform: translate(-50%, -50%) scale(3.4); opacity: 0; } }