/* Theme Variables */
:root {
    --max-width: 1200px;
    --padding: 20px;
}

/* Default Layout */
.default-layout {
    --layout-padding: 20px;
}

.default-layout .landing-container {
    margin: var(--layout-padding);
}

/* Alternate Layout */
.alternate-layout {
    --layout-padding: 40px;
}

.alternate-layout .landing-container {
    margin: var(--layout-padding);
    flex-direction: row-reverse;
}

/* Light Theme */
.light-theme {
    --text-color: #333;
    --bg-color: #fff;
    --input-bg: #fff;
    --input-border: #ddd;
    --ant-layout-bg: #f0f2f5;
}

/* Dark Theme */
.dark-theme {
    --text-color: #fff;
    --bg-color: #1a1a1a;
    --input-bg: #2d2d2d;
    --input-border: #444;
    --ant-layout-bg: #141414;
}

/* Theme Application */
body {
    color: var(--text-color);
    background-color: var(--bg-color);
}

.light-theme .ant-layout {
    background: var(--ant-layout-bg);
}

.dark-theme .ant-layout {
    background: var(--ant-layout-bg);
}

.dark-theme .ant-layout-header {
    background: #000c17;
}

.dark-theme .ant-layout-sider {
    background: #000c17;
}

.dark-theme .ant-layout-footer {
    background: var(--ant-layout-bg);
    color: rgba(255, 255, 255, 0.65);
}

/* Logo Styles */
.logo-container {
    padding: 20px;
    text-align: center;
}

.company-logo {
    max-width: 120px;
    height: auto;
    transition: transform 0.3s ease;
}

.company-logo:hover {
    transform: scale(1.05);
}

/* Dark Theme Form Styles */
.dark-theme input,
.dark-theme textarea,
.dark-theme select {
    background-color: var(--input-bg);
    border-color: var(--input-border);
    color: var(--text-color);
}

/* Responsive Layout */
@media (max-width: 768px) {
    .default-layout .landing-container,
    .alternate-layout .landing-container {
        margin: 10px;
        flex-direction: column;
    }
    
    .logo-container {
        padding: 10px;
    }
    
    .company-logo {
        max-width: 100px;
    }
}