/*
Theme Name: ScanLAB Questionnaires - Themes
Description: Premium color schemes.
Version: 1.1.1
*/

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap');

:root {
    /* Base Typography (Inter) */
    --scanlab-font-family: 'Inter', system-ui, -apple-system, sans-serif;

    /* Default Theme (Modern Violet) */
    /* Primary: Violet-600 */
    --scanlab-primary: #7c3aed;
    --scanlab-primary-dark: #6d28d9;
    /* BG: Violet-50 */
    --scanlab-bg: #f5f3ff;
    --scanlab-card-bg: #ffffff;

    /* Typography: Gray-900 / Gray-600 */
    --scanlab-text: #111827;
    --scanlab-text-secondary: #4b5563;

    /* Borders: Gray-200 / Gray-300 */
    --scanlab-border: #e5e7eb;
    --scanlab-input-border: #d1d5db;

    /* Utility */
    --scanlab-success: #10b981;
    --scanlab-info: #f59e0b;
    --scanlab-error: #ef4444;
    --scanlab-white: #ffffff;
    --scanlab-radius: 12px;
    --scanlab-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}

/* Global Typography Override */
body.scanlab-quiz-page {
    font-family: var(--scanlab-font-family);
}

/* Global Link Styles */
body.scanlab-quiz-page a {
    color: var(--scanlab-primary);
    text-decoration: none;
    transition: all 0.2s;
    font-weight: 500;
}

body.scanlab-quiz-page a:hover {
    color: var(--scanlab-primary-dark);
    text-decoration: underline;
}

/* =========================================
   Themes
   ========================================= */

/* Ocean Blue Theme (Sky/Azure) */
body.scanlab-theme-ocean {
    /* Primary: Sky-600 */
    --scanlab-primary: #0284c7;
    --scanlab-primary-dark: #0369a1;
    /* BG: Sky-50 */
    --scanlab-bg: #f0f9ff;
    --scanlab-card-bg: #ffffff;
    --scanlab-text: #0f172a;
    /* Slate-900 */
    --scanlab-border: #e2e8f0;
    /* Slate-200 */
}

/* Dark Mode Theme (Zinc) */
body.scanlab-theme-dark {
    /* Primary: Violet-400 (Lighter for contrast) */
    --scanlab-primary: #a78bfa;
    --scanlab-primary-dark: #8b5cf6;

    /* BG: Zinc-900 */
    --scanlab-bg: #18181b;
    /* Card: Zinc-800 */
    --scanlab-card-bg: #27272a;

    --scanlab-text: #f4f4f5;
    /* Zinc-100 */
    --scanlab-text-secondary: #a1a1aa;
    /* Zinc-400 */

    --scanlab-border: #3f3f46;
    /* Zinc-700 */
    --scanlab-input-border: #52525b;
    /* Zinc-600 */

    --scanlab-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.5);
}

/* Clean White Theme (Gallery Minimalist) */
body.scanlab-theme-white {
    /* Primary: True Black */
    --scanlab-primary: #000000;
    --scanlab-primary-dark: #333333;

    /* BG: Very Subtle Off-White for contrast with Pure White Cards */
    --scanlab-bg: #fafafa;
    --scanlab-card-bg: #ffffff;

    /* Typography: High Contrast */
    --scanlab-text: #000000;
    --scanlab-text-secondary: #525252;
    /* Neutral-600 */

    /* Borders: Crisp and Visible */
    --scanlab-border: #e5e5e5;
    /* Neutral-200 */
    --scanlab-input-border: #d4d4d4;
    /* Neutral-300 */

    /* No Shadow, just borders */
    --scanlab-shadow: none;

    /* Radius: Slightly sharper */
    --scanlab-radius: 6px;
}

/* Enhance Card separation in White Theme */
body.scanlab-theme-white .scanlab-card {
    border: 1px solid var(--scanlab-border);
    border-bottom-width: 2px;
    /* Slight visual anchor */
}

/* =========================================
   Card Styles (Overrides)
   ========================================= */

/* Modern: Emphasize radius and shadow (if theme allows) */
body.scanlab-style-modern .scanlab-question-card {
    border-radius: var(--scanlab-radius);
    /* Ensure shadow is applied if theme has one */
    box-shadow: var(--scanlab-shadow);
}

/* Flat: Remove radius and shadow for a sharp, technical look */
body.scanlab-style-flat .scanlab-question-card {
    border-radius: 0;
    box-shadow: none !important;
    border: 1px solid var(--scanlab-border);
}

/* Flat style also affects buttons/inputs for consistency */
body.scanlab-style-flat .scanlab-btn,
body.scanlab-style-flat .scanlab-input-text,
body.scanlab-style-flat .scanlab-btn-select,
body.scanlab-style-flat .scanlab-grid-content {
    border-radius: 0;
    box-shadow: none;
}

/* =========================================
   Custom Scrollbar (Webkit)
   ========================================= */
.scanlab-search-dropdown::-webkit-scrollbar {
    width: 6px;
}

.scanlab-search-dropdown::-webkit-scrollbar-track {
    background: transparent;
}

.scanlab-search-dropdown::-webkit-scrollbar-thumb {
    background-color: var(--scanlab-input-border);
    border-radius: 3px;
}

.scanlab-search-dropdown::-webkit-scrollbar-thumb:hover {
    background-color: var(--scanlab-text-secondary);
}