/* Light II: the Dark palette's quiet hierarchy, inverted into matte glass. */
html[data-palette="light"][data-palette-choice="light2"] {
  color-scheme: light;
  --canvas: #bcc5c6;
  --bg: var(--canvas);
  --surface: rgba(248, 248, 245, .78);
  --elevated: rgba(255, 255, 252, .86);
  --sunken: rgba(223, 226, 224, .68);
  --ink-primary: #17191a;
  --ink-secondary: #3f4446;
  --ink-tertiary: #6d7375;
  --ink-disabled: #9da2a2;
  --ink-on-accent: #f8f8f5;
  --border-subtle: rgba(24, 28, 29, .07);
  --border-default: rgba(24, 28, 29, .12);
  --border-strong: rgba(24, 28, 29, .22);
  --border-focus: #34393b;
  --accent: #303537;
  --accent-hover: #1f2325;
  --accent-pressed: #111314;
  --accent-muted-bg: rgba(36, 41, 43, .09);
  --accent-muted-text: #24292b;
  --success: #52675a;
  --success-bg: rgba(82, 103, 90, .11);
  --success-text: #34483b;
  --warning: #8a6842;
  --warning-bg: rgba(138, 104, 66, .11);
  --warning-text: #674a2d;
  --error: #8c514a;
  --error-bg: rgba(140, 81, 74, .10);
  --error-text: #703a35;
  --info: #536979;
  --info-bg: rgba(83, 105, 121, .10);
  --info-text: #3e5565;
  --scrim: rgba(25, 29, 30, .36);
  --shadow-rgb: 26, 31, 32;
  --glass: rgba(248, 248, 245, .72);
  --glass-2: rgba(255, 255, 252, .62);
  --glass-strong: rgba(250, 250, 247, .88);
  --mobile-nav-bg: rgba(246, 247, 244, .82);
  --mobile-nav-surface: rgba(250, 250, 247, .91);
  --mobile-nav-elevated: rgba(255, 255, 252, .95);
  --mobile-nav-sunken: rgba(223, 226, 224, .74);
  --mobile-nav-text: var(--ink-primary);
  --mobile-nav-muted: var(--ink-tertiary);
  --mobile-nav-border: var(--border-default);
  --mobile-nav-border-strong: var(--border-strong);
  --mobile-nav-accent: var(--accent);
  --mobile-nav-accent-bg: var(--accent-muted-bg);
  --mobile-nav-accent-text: var(--accent-muted-text);
  --mobile-nav-ai-bg: rgba(255, 255, 252, .88);
  --mobile-nav-ai-text: var(--ink-primary);
  --mobile-nav-scrim: rgba(30, 34, 35, .30);
  --mobile-nav-shadow: rgba(31, 37, 39, .18);
}

html[data-palette="light"][data-palette-choice="light2"],
html[data-palette="light"][data-palette-choice="light2"] body {
  background: #bcc5c6 !important;
  color: var(--ink-primary) !important;
}

html[data-palette="light"][data-palette-choice="light2"] .bg-root {
  background:
    linear-gradient(146deg, rgba(143, 174, 193, .88) 0%, rgba(181, 194, 197, .92) 43%, rgba(205, 184, 167, .92) 100%) !important;
}

html[data-palette="light"][data-palette-choice="light2"] .bg-root::after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(238, 239, 235, .13);
  -webkit-backdrop-filter: blur(34px) saturate(.72);
  backdrop-filter: blur(34px) saturate(.72);
}

html[data-palette="light"][data-palette-choice="light2"] :is(
  .card, .todo-command-card, .todo-mobile-card, .calendar-block-card,
  .calendar-month-card, .calendar-week-card, .calendar-day-card,
  .focus-session-card, .health-snapshot-card, .goals-card, .rewards-shell,
  .rewards-panel, .rewards-working, .project-modal, .block-page-shell,
  .data-editor-modal, .auth-modal, .area-folder-card, .assistant-orb-popover,
  .mobile-dialogue-window, .mobile-bottom-sheet, .onboarding-shell
) {
  background: rgba(248, 248, 245, .76) !important;
  border-color: rgba(255, 255, 255, .54) !important;
  color: var(--ink-primary) !important;
  box-shadow:
    0 18px 48px rgba(35, 42, 44, .12),
    inset 0 1px 0 rgba(255, 255, 255, .82),
    inset 0 0 0 1px rgba(24, 28, 29, .035) !important;
  -webkit-backdrop-filter: blur(24px) saturate(.82);
  backdrop-filter: blur(24px) saturate(.82);
}

html[data-palette="light"][data-palette-choice="light2"] :is(
  .calendar-view-toggle, .goals-tabs, .focus-mode-tabs, .auth-mode-tabs,
  .email-account-button, .email-ai-note, .smart-reply-panel,
  .health-metric-card, .health-vital-card, .health-insight-card,
  .todo-reminder-panel, .todo-action-menu, .todo-stuck-menu, .calendar-popover,
  .reward-card, .goals-callout, .goals-north-star, .goals-life-direction,
  .palette-menu, .mobile-settings-card, .mobile-layout-item, .email-actions-panel,
  .focus-panel, .focus-queue, .focus-nudge, .focus-metrics > div
) {
  background: rgba(255, 255, 252, .55) !important;
  border-color: var(--border-default) !important;
  color: var(--ink-primary) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .70) !important;
  -webkit-backdrop-filter: blur(18px) saturate(.78);
  backdrop-filter: blur(18px) saturate(.78);
}

html[data-palette="light"][data-palette-choice="light2"] :is(
  input, textarea, select, .todo-title-input, .todo-focus-input,
  .todo-mobile-title-input, .goals-field, .workspace-page-input,
  .workspace-line-input, .block-page-compose-input, .block-page-title-input
) {
  background: rgba(255, 255, 252, .28) !important;
  border-color: rgba(24, 28, 29, .10) !important;
  color: var(--ink-primary) !important;
  box-shadow: none !important;
}

html[data-palette="light"][data-palette-choice="light2"] :is(input, textarea)::placeholder {
  color: var(--ink-tertiary) !important;
  opacity: .78;
}

html[data-palette="light"][data-palette-choice="light2"] :is(
  .tab.active, .ops-tab.active, .calendar-view-toggle button.active,
  .goals-tabs button.active, .focus-mode-tabs button.active, .auth-mode-tabs button.active,
  .primary, .btn-primary, .email-confirm-btn, .chk.checked, .ops-check.checked,
  .todo-round-check.is-done, .todo-round-check.is-checked,
  .todo-mobile-row.is-done .todo-mobile-check, .todo-focus-row.is-done .todo-round-check
) {
  background: var(--accent) !important;
  border-color: var(--accent) !important;
  color: var(--ink-on-accent) !important;
  box-shadow: none !important;
}

html[data-palette="light"][data-palette-choice="light2"] :is(
  .topnav, .mobile-command-bar, .mobile-command-menu-panel,
  .mobile-command-settings-panel, .mobile-settings-sheet
) {
  color: var(--ink-primary) !important;
  -webkit-backdrop-filter: blur(26px) saturate(.80);
  backdrop-filter: blur(26px) saturate(.80);
}

html[data-palette="light"][data-palette-choice="light2"] :is(
  .morning-glow, .violet-wash, .radial-glow, .card::before
) {
  background: none !important;
}

html[data-palette="light"][data-palette-choice="light2"] :is(
  .health-ring text, .rewards-title-row h1, .focus-time strong,
  .morning-greeting h1, .morning-quote-text, .morning-note-input
) {
  color: var(--ink-primary) !important;
  -webkit-text-fill-color: currentColor !important;
  text-shadow: none !important;
}

@media (max-width: 760px) {
  html[data-palette="light"][data-palette-choice="light2"] :is(
    .card, .todo-mobile-card, .mobile-dialogue-window, .mobile-bottom-sheet
  ) {
    background: rgba(248, 248, 245, .82) !important;
    box-shadow: 0 12px 32px rgba(35, 42, 44, .10), inset 0 1px 0 rgba(255, 255, 255, .78) !important;
  }
}