/* Aronia Pharmaceuticals — shared stylesheet */

* {
    -webkit-font-smoothing: antialiased;
}

body {
    font-family: 'Inter', sans-serif;
    background: #F5F5F5;
}

.font-display {
    font-family: 'Fraunces', serif;
    font-optical-sizing: auto;
}

.font-mono {
    font-family: 'IBM Plex Mono', monospace;
}

::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

::-webkit-scrollbar-track {
    background: transparent;
}

::-webkit-scrollbar-thumb {
    background: #D9D9D9;
    border-radius: 8px;
}

::-webkit-scrollbar-thumb:hover {
    background: #C49A2C;
}

.rx-line {
    stroke-dasharray: 500;
    stroke-dashoffset: 500;
    animation: draw 1.8s ease forwards;
}

@keyframes draw {
    to { stroke-dashoffset: 0; }
}

.view { display: block; }

.toast-enter { animation: toastIn .3s ease; }

@keyframes toastIn {
    from { opacity: 0; transform: translateY(10px) scale(.98); }
    to { opacity: 1; transform: none; }
}

.modal-backdrop { backdrop-filter: blur(3px); }

input:focus, select:focus, textarea:focus, button:focus-visible {
    outline: 2px solid #C49A2C;
    outline-offset: 1px;
}

.sidebar-link.active {
    background: rgba(196, 154, 44, 0.12);
    color: #C49A2C;
    border-left-color: #C49A2C;
}

.sidebar-link.active svg { stroke: #C49A2C; }

.status-dot {
    width: 6px;
    height: 6px;
    border-radius: 999px;
    display: inline-block;
    margin-right: 6px;
}

@media (prefers-reduced-motion: reduce) {
    * { animation: none !important; transition: none !important; }
}

.table-row-in { animation: rowIn .3s ease backwards; }

@keyframes rowIn {
    from { opacity: 0; transform: translateY(4px); }
    to { opacity: 1; transform: none; }
}

.imgcard { transition: box-shadow .2s ease, transform .2s ease; }
.imgcard:hover { transform: translateY(-2px); }