/* ============================================
   Theme V5 — CORPORATE STEEL
   Enterprise software feel. Gray-blue tones,
   subtle borders, professional density.
   ============================================ */

:root {
    --radius-sm: 0;
    --radius-md: 0;
    --radius-lg: 0;
    --radius-xl: 0;
    --radius: 0;
    --primary: #2C5282;
    --primary-dark: #1A365D;
    --primary-light: #4299E1;
    --primary-bg: #EBF1F8;
    --secondary: #3182CE;
    --secondary-dark: #2B6CB0;
    --accent: #2C5282;
    --dark: #1A202C;
    --dark-soft: #4A5568;
    --gray: #A0AEC0;
    --gray-light: #E2E8F0;
    --border: #CBD5E0;
    --gray-lighter: #EDF2F7;
    --white: #FFFFFF;
    --bg: #F7FAFC;
    --shadow-sm: 0 1px 2px rgba(0,0,0,0.05);
    --shadow-md: 0 2px 4px rgba(0,0,0,0.06);
    --shadow-lg: 0 4px 8px rgba(0,0,0,0.08);
    --shadow-xl: 0 8px 16px rgba(0,0,0,0.1);
    --shadow: var(--shadow-sm);
    --transition: all 0.15s ease;
    --font-main: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    --font-heading: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    --card-bg: #FFFFFF;
    --header-bg: #FFFFFF;
    --header-border: #CBD5E0;
    --input-bg: #EDF2F7;
    --quiz-border: #2C5282;
    --callout-info-bg: #EBF8FF;
    --callout-info-border: #3182CE;
    --callout-tip-bg: #F0FFF4;
    --callout-warning-bg: #FFFFF0;
    --callout-danger-bg: #FFF5F5;
    --callout-example-bg: #EBF1F8;
    --success: #38A169;
    --warning: #DD6B20;
    --danger: #E53E3E;
}

[data-theme="dark"] {
    --primary: #63B3ED;
    --primary-dark: #4299E1;
    --primary-light: #90CDF4;
    --primary-bg: #1A2332;
    --secondary: #90CDF4;
    --accent: #63B3ED;
    --dark: #E2E8F0;
    --dark-soft: #A0AEC0;
    --gray: #718096;
    --gray-light: #2D3748;
    --border: #2D3748;
    --gray-lighter: #1A202C;
    --white: #1A202C;
    --bg: #0F1419;
    --card-bg: #1A202C;
    --header-bg: rgba(26,32,44,0.98);
    --header-border: #2D3748;
    --input-bg: #2D3748;
    --callout-info-bg: #1A2332;
    --callout-tip-bg: #1A2E1A;
    --callout-warning-bg: #2E2A1A;
    --callout-danger-bg: #2E1A1A;
    --callout-example-bg: #1A2332;
    --success: #68D391;
    --warning: #F6AD55;
    --danger: #FC8181;
}

/* Header — corporate */
.lms-header {
    border-bottom: 1px solid var(--border);
    backdrop-filter: none;
    box-shadow: var(--shadow-sm);
}

.lms-header__logo {
    font-weight: 700;
    font-size: 1.1rem;
}

/* Hero — steel gradient */
.lms-hero {
    background: linear-gradient(135deg, #1A202C 0%, #2D3748 40%, #2C5282 100%);
    padding: 64px 24px 52px;
}
.lms-hero::before { display: none; }

.lms-hero h1 {
    font-size: 2.25rem;
    font-weight: 800;
}

/* Module cards — clean enterprise */
.lms-module-card {
    border: 1px solid var(--border);
    box-shadow: var(--shadow-sm);
    padding: 24px;
}

.lms-module-card:hover {
    transform: translateY(-1px);
    box-shadow: var(--shadow-md);
    border-color: var(--primary-light);
}

/* Sidebar */
.lms-sidebar {
    border-right: 1px solid var(--border);
    background: var(--bg);
}

.lms-sidebar__chapter {
    font-size: 0.85rem;
    padding: 12px 20px;
    border-left: 3px solid transparent;
}

.lms-sidebar__chapter--active {
    background: var(--primary-bg);
    border-left-color: var(--primary);
}

/* Content */
.lms-content__inner {
    padding: 40px 32px 72px;
}

.block-text p {
    font-size: 0.95rem;
    line-height: 1.75;
}

/* Headings */
.block-heading h2 {
    font-size: 1.5rem;
    font-weight: 700;
}

.block-heading h2::before {
    width: 4px;
    border-radius: 0;
    background: var(--primary);
}

/* Cards */
.block-card {
    border: 1px solid var(--border);
    box-shadow: var(--shadow-sm);
}

.block-card:hover {
    transform: none;
    box-shadow: var(--shadow-md);
}

/* Quiz */
.block-quiz {
    border: 1px solid var(--border);
    box-shadow: var(--shadow-sm);
}

.block-quiz__option {
    border: 1px solid var(--border);
}

.block-quiz__icon { border-radius: 0; }
.block-quiz__option-radio { border-radius: 50% !important; }
.block-quiz__option-checkbox { border-radius: 2px !important; }

/* Callouts */
.block-callout {
    border: 1px solid var(--border);
    border-left: 4px solid;
}

/* Accordion */
.block-accordion__item {
    border: 1px solid var(--border);
}

/* Blockquote */
.block-text blockquote {
    border-left: 4px solid var(--primary);
    background: var(--primary-bg);
    border-radius: 0;
}

/* Table */
.block-table th {
    background: #2C5282;
}
[data-theme="dark"] .block-table th { background: #2D3748; color: #E2E8F0; }

/* Exercise */
.block-exercise {
    background: var(--primary-bg);
    border: 1px dashed var(--primary);
}

.block-exercise__step::before { border-radius: 0; }

/* Buttons */
.lms-btn, button { border-radius: 0 !important; font-weight: 600; }

/* Search */
.lms-header__search input { border-radius: 0; }

/* Progress & shapes */
.lms-header__progress-bar,
.lms-module-card__progress,
.lms-module-card__progress-fill,
.lms-sidebar__progress-bar,
.lms-sidebar__progress-fill { border-radius: 0; }

img { border-radius: 0; }
.lms-sidebar__chapter-icon { border-radius: 0; }
.block-timeline__dot { border-radius: 0; }

/* Flipcards */
.block-flipcard__front {
    background: linear-gradient(135deg, #2C5282, #1A365D);
}

.block-flipcard__back {
    border: 1px solid var(--border);
}
