/* Anomia — ALMA Design System */

/* ===== Dark mode overrides ===== */
[data-theme="dark"] {
    --color-primary: #8BA4C9;
    --color-accent: #D4795F;
    --color-background: #111827;
    --color-foreground: #F3F2F0;
    --color-secondary: #1f2937;
    --color-muted: #9ca3af;
    --color-border: #374151;
    --color-success: #5CAA8A;
    --color-error: #E07060;
}

/* ===== Upload Zone ===== */
.upload-zone {
    border: 2px dashed #B4482D;
    border-radius: 0.75rem;
    padding: 3rem;
    text-align: center;
    cursor: pointer;
    transition: all 0.3s;
    background: rgba(180, 72, 45, 0.03);
}

.upload-zone:hover,
.upload-zone.dragover {
    background: rgba(180, 72, 45, 0.08);
    border-color: #C9593B;
}

.dark .upload-zone {
    border-color: #D4795F;
    background: rgba(212, 121, 95, 0.05);
}

.dark .upload-zone:hover,
.dark .upload-zone.dragover {
    background: rgba(212, 121, 95, 0.12);
    border-color: #D4795F;
}

/* ===== Progress Bar ===== */
.progress-bar {
    height: 8px;
    border-radius: 4px;
    background: #EDE8E1;
    overflow: hidden;
}

.dark .progress-bar {
    background: #374151;
}

.progress-bar-fill {
    height: 100%;
    background: linear-gradient(90deg, #B4482D, #C9593B);
    transition: width 0.3s;
}

/* ===== Focus ring ===== */
input:focus,
select:focus,
textarea:focus {
    outline: none;
    border-color: #C9593B !important;
    box-shadow: 0 0 0 3px rgba(201, 89, 59, 0.15);
}

/* ===== Icon containers (ALMA style) ===== */
.alma-icon-container {
    width: 48px;
    height: 48px;
    border-radius: 9999px;
    background: rgba(180, 72, 45, 0.08);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.dark .alma-icon-container {
    background: rgba(212, 121, 95, 0.12);
}

/* ===== Smooth transitions ===== */
a, button {
    transition: color 0.2s, background-color 0.2s, border-color 0.2s;
}