/**
 * Swiss Grid — default skin (Tasky-inspired)
 * Scoped under .skin-swiss-grid
 */

.skin-swiss-grid {
    --primary-color: #e11d1d;
    --primary-color-light: #ff3b3b;
    --primary-color-dark: #b91c1c;
    --primary-color-rgb: 225, 29, 29;
    --primary-dark: #b91c1c;
    --primary-light: #fee2e2;
    --primary-hover: #b91c1c;

    --secondary-color: #f5f5f5;
    --success-color: #16a34a;
    --warning-color: #ca8a04;
    --danger-color: #e11d1d;
    --info-color: #171717;

    --text-primary: #0a0a0a;
    --text-secondary: #525252;
    --text-tertiary: #737373;
    --text-muted: #a3a3a3;
    --text-white: #ffffff;
    --text-inverse: #ffffff;

    --background-primary: #ffffff;
    --background-secondary: #fafafa;
    --background-tertiary: #f5f5f5;
    --background-elevated: #ffffff;
    --background-section: #ffffff;

    --border-light: #e5e5e5;
    --border-color: #d4d4d4;
    --border-dark: #0a0a0a;

    --shadow-sm: 4px 4px 0 #0a0a0a;
    --shadow-md: 6px 6px 0 #0a0a0a;
    --shadow-lg: 8px 8px 0 #0a0a0a;

    --border-radius-small: 2px;
    --border-radius: 4px;
    --border-radius-large: 6px;

    --font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
    --font-family-display: 'Space Grotesk', var(--font-family);
    --font-family-mono: ui-monospace, 'SFMono-Regular', Menlo, Consolas, monospace;

    --sdc-shell-max: 72rem;
    --sdc-shell-pad: clamp(1rem, 4vw, 2.5rem);
    --sdc-accent: var(--primary-color);
    --sdc-ink: #0a0a0a;
    --sdc-grid-line: rgba(0, 0, 0, 0.06);
}

.skin-swiss-grid body {
    font-family: var(--font-family);
    color: var(--text-primary);
    background: var(--background-primary);
}

.skin-swiss-grid .site-header {
    background: var(--background-elevated);
    border-bottom: 1px solid var(--border-light);
    box-shadow: none;
}

.skin-swiss-grid .site-logo {
    gap: 0.5rem;
}

.skin-swiss-grid .site-logo .site-name {
    font-weight: 700;
    letter-spacing: -0.02em;
    color: var(--text-primary);
}

.skin-swiss-grid .site-logo img {
    border-radius: 2px;
    box-shadow: inset 0 0 0 2px var(--sdc-accent);
}

.skin-swiss-grid .header-actions .btn,
.skin-swiss-grid .sdc-dark-mode-toggle {
    text-transform: uppercase;
    letter-spacing: 0.04em;
    font-size: 0.6875rem;
    font-weight: 700;
}

.skin-swiss-grid .main-navigation a {
    color: var(--text-secondary);
    font-weight: 500;
    font-size: 0.9375rem;
}

.skin-swiss-grid .main-navigation a:hover,
.skin-swiss-grid .main-navigation .current-menu-item > a {
    color: var(--text-primary);
}

.skin-swiss-grid .btn-primary,
.skin-swiss-grid .hero-search button {
    background: var(--sdc-ink) !important;
    color: var(--text-white) !important;
    border-radius: var(--border-radius) !important;
    box-shadow: none !important;
    font-weight: 600;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    font-size: 0.75rem;
}

.skin-swiss-grid .btn-primary:hover,
.skin-swiss-grid .hero-search button:hover {
    background: #262626 !important;
}

.skin-swiss-grid .btn-outline,
.skin-swiss-grid .header-actions .btn-secondary {
    border: 1px solid var(--sdc-ink);
    color: var(--sdc-ink);
    background: transparent;
    border-radius: var(--border-radius);
    font-weight: 600;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    font-size: 0.75rem;
}

.skin-swiss-grid .btn-outline:hover {
    background: var(--background-secondary);
}

.skin-swiss-grid .course-card,
.skin-swiss-grid .ebook-card,
.skin-swiss-grid .learning-path-card,
.skin-swiss-grid .hero-course-card,
.skin-swiss-grid .skill-card {
    border: 1px solid var(--border-light);
    border-radius: var(--border-radius);
    box-shadow: none;
}

.skin-swiss-grid .course-card:hover,
.skin-swiss-grid .ebook-card:hover,
.skin-swiss-grid .learning-path-card:hover,
.skin-swiss-grid .hero-course-card:hover {
    border-color: var(--sdc-ink);
    box-shadow: var(--shadow-sm);
}

.skin-swiss-grid .section-title,
.skin-swiss-grid h2,
.skin-swiss-grid .featured-course-home h2,
.skin-swiss-grid .learning-paths-home h2,
.skin-swiss-grid .build-scale-section h2 {
    font-weight: 700 !important;
    letter-spacing: -0.03em;
    color: var(--text-primary) !important;
}

.skin-swiss-grid .section-subtitle,
.skin-swiss-grid .section-header p {
    color: var(--text-secondary) !important;
}

.skin-swiss-grid a:not(.btn):not(.sdc-hero__cta):not(.course-cta-primary):not(.featured-course-cta):not(.hero-course-btn):not(.enroll-btn) {
    color: var(--text-primary);
}

.skin-swiss-grid .learning-paths-home a[style*="background: #1a73e8"],
.skin-swiss-grid .featured-course-section a.course-cta-primary,
.skin-swiss-grid .featured-course-section a.featured-course-cta,
.skin-swiss-grid .enroll-btn,
.skin-swiss-grid .hero-course-btn,
.skin-swiss-grid .course-cta-primary {
    background: var(--sdc-accent) !important;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    border-radius: var(--border-radius) !important;
}

.skin-swiss-grid html[data-theme="dark"] body {
    --text-primary: #fafafa;
    --text-secondary: #a3a3a3;
    --background-primary: #0a0a0a;
    --background-elevated: #171717;
    --sdc-ink: #fafafa;
    --sdc-grid-line: rgba(255, 255, 255, 0.08);
    --border-light: #262626;
}