/* ============================================
   To-Do Cloud - Theme 1 (Apple Glass Morphism)
   ============================================ */

[data-theme="dark"] {
    --bg-gradient-start: #0d1117;
    --bg-gradient-end: #161b22;
    --text-primary: #e6edf3;
    --text-secondary: #8b949e;
    --text-tertiary: #6e7681;
    --accent: #58a6ff;
    --accent-hover: #79c0ff;
    --accent-glow: rgba(88, 166, 255, 0.25);
    --success: #3fb950;
    --warning: #d2991d;
    --danger: #f85149;
    --glass: rgba(22, 27, 34, 0.78);
    --glass-border: rgba(255, 255, 255, 0.08);
    --card-bg: rgba(255, 255, 255, 0.04);
    --border: rgba(255, 255, 255, 0.06);
    --shadow: 0 8px 32px rgba(0, 0, 0, 0.4);
    --island-bg: rgba(13, 17, 23, 0.92);
    --island-text: #e6edf3;
    --island-border: rgba(255, 255, 255, 0.15);
    --shared-badge-bg: rgba(88, 166, 255, 0.15);
}

[data-theme="light"] {
    --bg-gradient-start: #f6f8fa;
    --bg-gradient-end: #eaeef2;
    --text-primary: #24292f;
    --text-secondary: #57606a;
    --text-tertiary: #8b949e;
    --accent: #0969da;
    --accent-hover: #0550ae;
    --accent-glow: rgba(9, 105, 218, 0.2);
    --success: #1a7f37;
    --warning: #9a6700;
    --danger: #cf222e;
    --glass: rgba(255, 255, 255, 0.82);
    --glass-border: rgba(0, 0, 0, 0.06);
    --card-bg: rgba(0, 0, 0, 0.03);
    --border: rgba(0, 0, 0, 0.08);
    --shadow: 0 8px 32px rgba(0, 0, 0, 0.06);
    --island-bg: rgba(255, 255, 255, 0.94);
    --island-text: #24292f;
    --island-border: rgba(0, 0, 0, 0.08);
    --shared-badge-bg: rgba(9, 105, 218, 0.08);
}

/* ==================== تغییرات خاص تم ۱ ==================== */

/* افزایش blur برای عمق بیشتر */
.glass-card, .taskbox-card, .main-deadline-card, .note-card, .modal-content {
    backdrop-filter: blur(24px);
    -webkit-backdrop-filter: blur(24px);
}

/* گوشه‌های نرم‌تر */
:root {
    --radius-sm: 16px;
    --radius: 20px;
    --radius-lg: 26px;
    --radius-xl: 34px;
}

/* border ظریف‌تر */
.glass-card, .taskbox-card, .main-deadline-card, .note-card {
    border-width: 0.5px;
}

/* انیمیشن‌های نرم‌تر */
* {
    transition-timing-function: cubic-bezier(0.33, 1, 0.68, 1);
}

/* شیشه‌ای‌تر شدن داک بار */
.dock-container {
    background: var(--glass);
    backdrop-filter: blur(30px);
    -webkit-backdrop-filter: blur(30px);
    border: 0.5px solid var(--glass-border);
}

/* دکمه‌های بزرگتر و گردتر */
.taskbox-actions button, .task-actions button, .note-card-actions button {
    border-radius: 14px;
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
}

/* input های شیشه‌ای */
input, select, textarea {
    background: var(--card-bg);
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
    border-width: 0.5px;
}

/* استایل auth card */
.auth-card {
    backdrop-filter: blur(40px);
    -webkit-backdrop-filter: blur(40px);
    border: 0.5px solid var(--glass-border);
}

/* task item hover */
.task-item:hover {
    background: rgba(88, 166, 255, 0.06);
    border-color: rgba(88, 166, 255, 0.2);
}

/* progress bar */
.progress-fill {
    border-radius: 6px;
    box-shadow: 0 0 8px var(--success);
}

/* goal increment button */
.goal-increment-btn {
    background: rgba(63, 185, 80, 0.15) !important;
    border-radius: 14px;
    padding: 8px 12px !important;
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
}

/* reaction buttons */
.reaction-btn {
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
    border-radius: 22px;
}

/* comment items */
.comment-item {
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
    border-radius: 18px;
}

/* scrollbar */
::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}

::-webkit-scrollbar-track {
    background: transparent;
    border-radius: 3px;
}

::-webkit-scrollbar-thumb {
    background: var(--text-tertiary);
    border-radius: 3px;
    backdrop-filter: blur(4px);
}

::-webkit-scrollbar-thumb:hover {
    background: var(--text-secondary);
}

/* dynamic island glass */
.dynamic-island {
    backdrop-filter: blur(32px);
    -webkit-backdrop-filter: blur(32px);
}

/* notification items */
.notif-item {
    border-radius: 20px;
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
}

/* toast */
.toast {
    backdrop-filter: blur(24px);
    -webkit-backdrop-filter: blur(24px);
}