Server : Apache/2 System : Linux server-15-235-50-60 5.15.0-164-generic #174-Ubuntu SMP Fri Nov 14 20:25:16 UTC 2025 x86_64 User : gositeme ( 1004) PHP Version : 8.2.29 Disable Function : exec,system,passthru,shell_exec,proc_close,proc_open,dl,popen,show_source,posix_kill,posix_mkfifo,posix_getpwuid,posix_setpgid,posix_setsid,posix_setuid,posix_setgid,posix_seteuid,posix_setegid,posix_uname Directory :  /home/gositeme/domains/lavocat.ca/private_html/src/styles/

Upload File : current_dir [ Writeable ] document_root [ Writeable ]

@font-face {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  src: url('/fonts/Inter-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  src: url('/fonts/Inter-Medium.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  src: url('/fonts/Inter-SemiBold.woff2') format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  src: url('/fonts/Inter-Bold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@tailwind base;
@tailwind components;
@tailwind utilities;

@layer base {
  :root {
    --color-primary: #9f1fad;
    --color-primary-dark: #7a1785;
    --color-primary-light: #b44bc0;
    --color-secondary: #10b981;
    --color-background: #f8fafc;
    --color-background-dark: #0f172a;
    --color-text: #0f172a;
    --color-text-dark: #f8fafc;
    --color-muted: #64748b;
    --color-muted-dark: #94a3b8;
    --color-accent: #8b5cf6;
    --color-accent-dark: #7c3aed;
    --color-accent-light: #63b3ed;
    --color-border: #e2e8f0;
  }

  .dark {
    --color-primary: #b44bc0;
    --color-primary-dark: #9f1fad;
    --color-secondary: #34d399;
    --color-background: #0f172a;
    --color-background-dark: #020617;
    --color-text: #f8fafc;
    --color-text-dark: #cbd5e1;
    --color-muted: #94a3b8;
    --color-muted-dark: #64748b;
    --color-accent: #a78bfa;
    --color-accent-dark: #8b5cf6;
    --color-accent-light: #c084fc;
    --color-border: #1e293b;
  }
  
  body {
    @apply bg-background text-text;
  }

  /* For Webkit-based browsers (Chrome, Safari, etc.) */
  ::-webkit-scrollbar {
    width: 8px;
    height: 8px;
  }
  
  ::-webkit-scrollbar-track {
    background: transparent;
  }
  
  ::-webkit-scrollbar-thumb {
    background-color: rgba(156, 163, 175, 0.5);
    border-radius: 10px;
    border: 2px solid transparent;
    background-clip: content-box;
  }
  
  ::-webkit-scrollbar-thumb:hover {
    background-color: rgba(156, 163, 175, 0.7);
  }
  
  /* For Firefox */
  * {
    scrollbar-width: thin;
    scrollbar-color: rgba(156, 163, 175, 0.5) transparent;
  }
  
  .sidebar-scroll::-webkit-scrollbar {
    display: none;
  }
  
  .sidebar-scroll {
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
  
  .group:hover .sidebar-scroll::-webkit-scrollbar,
  .sidebar-scroll:hover::-webkit-scrollbar {
    display: block;
  }
  
  .group:hover .sidebar-scroll,
  .sidebar-scroll:hover {
    -ms-overflow-style: auto;
    scrollbar-width: thin;
  }

  .prose :where(code):not(:where([class~="not-prose"] *))::before {
    content: "";
  }

  .prose :where(code):not(:where([class~="not-prose"] *))::after {
    content: "";
  }
}

@layer components {
  .btn {
    @apply inline-flex items-center justify-center px-4 py-2 border border-transparent text-sm font-medium rounded-md shadow-sm focus:outline-none focus:ring-2 focus:ring-offset-2 transition-colors duration-200;
  }
  
  .btn-primary {
    @apply btn bg-primary text-white hover:bg-primary-dark focus:ring-primary;
  }
  
  .btn-secondary {
    @apply btn bg-secondary text-white hover:bg-secondary-dark focus:ring-secondary;
  }
  
  .btn-accent {
    @apply btn bg-accent text-white hover:bg-accent-dark focus:ring-accent;
  }
  
  .btn-outline {
    @apply btn border-gray-300 text-gray-700 bg-white hover:bg-gray-50 focus:ring-primary;
  }
  
  .simple-prose {
    @apply prose prose-sm sm:prose lg:prose-lg xl:prose-xl max-w-none dark:prose-invert;
  }
  
  .simple-prose h1, .simple-prose h2, .simple-prose h3, .simple-prose h4, .simple-prose h5, .simple-prose h6 {
    @apply font-bold;
  }
  
  .prose :where(pre):not(:where([class~="not-prose"] *)) {
    @apply bg-gray-800 text-white;
  }

  .ToastViewport {
    --viewport-padding: 25px;
    position: fixed;
    bottom: 0;
    right: 0;
    display: flex;
    flex-direction: column;
    padding: var(--viewport-padding);
    gap: 10px;
    width: 390px;
    max-width: 100vw;
    margin: 0;
    list-style: none;
    z-index: 2147483647;
    outline: none;
  }

  .ToastRoot {
    background-color: white;
    border-radius: 6px;
    box-shadow: hsl(206 22% 7% / 35%) 0px 10px 38px -10px, hsl(206 22% 7% / 20%) 0px 10px 20px -15px;
    padding: 15px;
    display: grid;
    grid-template-areas: 'title action' 'description action';
    grid-template-columns: auto max-content;
    column-gap: 15px;
    align-items: center;
  }

  .ToastTitle {
    grid-area: title;
    font-weight: 500;
    color: #333;
    font-size: 15px;
  }

  .ToastDescription {
    grid-area: description;
    margin: 0;
    color: #666;
    font-size: 13px;
    line-height: 1.3;
  }

  .ToastAction {
    grid-area: action;
  }

  .animate-fade-in {
    animation: fadeIn 0.5s ease-out;
  }
}

@layer utilities {
  @media (prefers-reduced-motion: no-preference) {
    .ToastRoot[data-state='open'] {
      animation: slideIn 150ms cubic-bezier(0.16, 1, 0.3, 1);
    }
    .ToastRoot[data-state='closed'] {
      animation: hide 100ms ease-in;
    }
    .ToastRoot[data-swipe='move'] {
      transform: translateX(var(--radix-toast-swipe-move-x));
    }
    .ToastRoot[data-swipe='cancel'] {
      transform: translateX(0);
      transition: transform 200ms ease-out;
    }
    .ToastRoot[data-swipe='end'] {
      animation: swipeOut 100ms ease-out;
    }
  }
}

@keyframes hide {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

@keyframes slideIn {
  from {
    transform: translateX(calc(100% + var(--viewport-padding)));
  }
  to {
    transform: translateX(0);
  }
}

@keyframes swipeOut {
  from {
    transform: translateX(var(--radix-toast-swipe-end-x));
  }
  to {
    transform: translateX(calc(100% + var(--viewport-padding)));
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}