:root[data-theme="ocean"] {
  color-scheme: light;
  --ink: #20323a;
  --muted: #526b73;
  --paper: #edf4f4;
  --white: #fcfefe;
  --green: #287c81;
  --green-dark: #20545b;
  --line: #cbdcde;
  --orange: #a65c39;
  --orange-bright: #d98a5d;
  --shadow-sm: 0 1px 2px rgba(28, 65, 70, 0.06);
  --shadow-md: 0 4px 16px rgba(28, 65, 70, 0.1);
  --shadow-lg: 0 16px 48px rgba(28, 65, 70, 0.16);
}

:root[data-theme="ocean"] body { background: var(--paper); }

:root[data-theme="ocean"] .page { background: #1d5058; }
:root[data-theme="ocean"] .story { background: #28565d; }
:root[data-theme="ocean"] .login-side {
  background: linear-gradient(145deg, #e8f1f1 0%, #d7e7e8 100%);
}

:root[data-theme="ocean"] .auth-art {
  background:
    radial-gradient(90% 70% at 12% 8%, rgba(227, 187, 145, 0.12) 0%, transparent 55%),
    radial-gradient(120% 90% at 15% 10%, #34717a 0%, transparent 55%),
    radial-gradient(90% 80% at 85% 95%, #173d46 0%, transparent 60%),
    linear-gradient(160deg, #28545b 0%, #1d414a 55%, #16343e 100%);
}

:root[data-theme="ocean"] .dashboard-greeting {
  background: linear-gradient(135deg, #dceaea 0%, #e9f1ef 100%);
}

:root[data-theme="ocean"] .dashboard-avatar,
:root[data-theme="ocean"] .profile-photo-preview {
  background: #dce9e8;
  border-color: var(--green);
}

:root[data-theme="ocean"] .account-summary dl > div,
:root[data-theme="ocean"] .received-comment,
:root[data-theme="ocean"] .comments-empty {
  background: #e7f0f0;
  border-color: var(--line);
}

:root[data-theme="ocean"] .photo-status-preview,
:root[data-theme="ocean"] .photo-status-image-button,
:root[data-theme="ocean"] .admin-user-photo,
:root[data-theme="ocean"] .admin-user-photo-empty {
  background: #e6efee;
}

:root[data-theme="ocean"] .dashboard-header,
:root[data-theme="ocean"] .dashboard-topbar {
  background: var(--white);
}

:root[data-theme="ocean"] .dashboard-account-avatar,
:root[data-theme="ocean"] .rail-user-avatar,
:root[data-theme="ocean"] .composer-avatar {
  background: linear-gradient(140deg, #348b8e, #245c65);
}

:root[data-theme="ocean"] .rail-nav,
:root[data-theme="ocean"] .rail-user,
:root[data-theme="ocean"] .composer,
:root[data-theme="ocean"] .feed-section,
:root[data-theme="ocean"] .comments-section,
:root[data-theme="ocean"] .profile-card,
:root[data-theme="ocean"] .compose-card {
  background: var(--white);
}

:root[data-theme="ocean"] .rail-link:hover,
:root[data-theme="ocean"] .rail-link.is-current,
:root[data-theme="ocean"] .dashboard-nav-link:hover,
:root[data-theme="ocean"] .dashboard-nav-link.is-current {
  color: var(--green);
  background: rgba(40, 124, 129, 0.1);
}

:root[data-theme="ocean"] .quota { background: #e7f0f0; }
:root[data-theme="ocean"] .quota-bar { background: #cbdcde; }

:root[data-theme="ocean"] .profile-card .profile-photo-preview {
  border-color: #c7dedd;
  box-shadow: 0 0 0 4px rgba(40, 124, 129, 0.12), var(--shadow-md);
}

:root[data-theme="ocean"] .auth-note {
  background: rgba(40, 124, 129, 0.08);
}