/* apple-style.css */
:root {
    --bg-body: #F5F5F7;
    --bg-panel: #FFFFFF;
    --bg-panel-hover: #F9F9FB;
    --bg-canvas: #E5E5EA;
    
    --text-main: #1D1D1F;
    --text-muted: #86868B;
    
    --accent: #007AFF;
    --accent-hover: #0066D6;
    --accent-bg: rgba(0, 122, 255, 0.1);
    
    --success: #34C759;
    --danger: #FF3B30;
    
    --border: #E5E5EA;
    --shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
    --radius-lg: 20px;
    --radius-md: 12px;
    --radius-sm: 8px;
    
    --header-bg: rgba(255, 255, 255, 0.8);
}

/* Темная тема */
body.dark-theme {
    --bg-body: #000000;
    --bg-panel: #1C1C1E;
    --bg-panel-hover: #2C2C2E;
    --bg-canvas: #1C1C1E;
    
    --text-main: #F5F5F7;
    --text-muted: #8E8E93;
    
    --accent: #0A84FF;
    --accent-bg: rgba(10, 132, 255, 0.15);
    
    --border: #38383A;
    --shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
    
    --header-bg: rgba(0, 0, 0, 0.7);
}

* { box-sizing: border-box; -webkit-font-smoothing: antialiased; }
body { font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif; background-color: var(--bg-body); color: var(--text-main); margin: 0; transition: background-color 0.3s, color 0.3s; }

/* Общие стили для кнопок */
.btn-apple { background: var(--accent); color: white; border: none; padding: 14px 30px; border-radius: 30px; font-size: 1rem; font-weight: 600; cursor: pointer; transition: 0.2s; text-decoration: none; display: inline-flex; align-items: center; justify-content: center; gap: 8px; }
.btn-apple:hover { background: var(--accent-hover); transform: translateY(-1px); box-shadow: 0 4px 15px rgba(0, 122, 255, 0.3); }
.btn-apple:active { transform: scale(0.96); }

.btn-secondary { background: var(--bg-panel); color: var(--text-main); border: 1px solid var(--border); padding: 12px 24px; border-radius: 30px; font-size: 0.95rem; font-weight: 500; cursor: pointer; transition: 0.2s; text-decoration: none; display: inline-flex; align-items: center; justify-content: center; gap: 6px; }
.btn-secondary:hover { background: var(--bg-panel-hover); }

/* Стили для карточек */
.card-apple { background: var(--bg-panel); border-radius: var(--radius-lg); border: 1px solid var(--border); box-shadow: var(--shadow); padding: 24px; transition: 0.3s; }
.card-apple:hover { transform: translateY(-2px); box-shadow: 0 8px 30px rgba(0,0,0,0.08); }

/* Стили для инпутов */
.input-apple { width: 100%; padding: 14px 16px; border-radius: var(--radius-md); border: 1px solid var(--border); background: var(--bg-body); color: var(--text-main); font-size: 1rem; font-family: inherit; transition: 0.2s; }
.input-apple:focus { outline: none; border-color: var(--accent); box-shadow: 0 0 0 3px var(--accent-bg); }

/* Переключатель темы */
.theme-toggle { background: transparent; border: none; color: var(--text-muted); font-size: 1.2rem; cursor: pointer; padding: 8px; border-radius: 50%; transition: 0.2s; display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; }
.theme-toggle:hover { background: var(--bg-panel-hover); color: var(--text-main); }
/* Стили для шапки (навигации) в стиле Apple */
.header-apple {
    padding: 0 5%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: var(--header-bg);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    position: sticky;
    top: 0;
    z-index: 100;
    border-bottom: 1px solid var(--border);
    height: 64px;
    width: 100%;
    box-sizing: border-box;
}

.logo-apple {
    font-size: 1.3rem;
    font-weight: 700;
    color: var(--text-main);
    text-decoration: none;
    display: flex;
    align-items: center;
    gap: 8px;
}

/* Убираем стандартные стили ссылок в шапке */
.header-apple a {
    text-decoration: none;
}