/* Petrol identity. Shared by the workspace and standalone login. */
:root {
  --primary: #0f766e;
  --primary-dark: #115e59;
  --primary-soft: #e7f3ef;
  --focus: #0f766e;
  --ink: #203c36;
  --muted: #61716b;
  --line: #dfe8e4;
  --background: #f3f6f5;
  --nav-bg: #fff;
  --nav-text: #526b63;
}
::selection { background: #c9e8df; color: #173e35; }
.brand-mark,.button.primary { background-color: var(--primary); }
.button.primary:hover { background-color: var(--primary-dark); }
.sidebar nav a.active { background: var(--primary-soft); color: var(--primary-dark); }
.sidebar nav a.active .icon { color: var(--primary); }
.sidebar nav a.active .nav-count { background: #cde9df; color: #175c4e; }
.login-story { background: #153e38; }
.login-story .brand,.login-story h1 { color: #fff; }
.login-story p,.login-story-footer { color: #c4dbd2; }
.login-story .banner-tag { color: #d5e7df; border-color: #52766a; }
.login-demo-note { background: #edf6f1; border-color: #d5e8df; color: #49695e; }
.toast { background: #24584c; }
h1,h2,h3 { color: var(--ink); }
.page-heading p,.panel-heading p,.muted,.small,small,
.field small,.settings-panel .field small,.inline-note,
.eyebrow,.breadcrumb,.sidebar .nav-label,.system-tool-card p {
  color: var(--muted);
}
.sidebar nav a { color: var(--nav-text); }
.sidebar .brand-caption,.workspace small,.sidebar-note p { color: #64766e; }
.text-link { color: var(--primary); }
.secondary { color: #3d6358; border-color: #cfded6; }
.secondary:hover { color: #244c40; background: #edf5f0; border-color: #a8c8b9; }
.field,.field-label { color: #375b50; }
.field input,.field select,.field textarea,
.settings-panel .field input,.settings-panel .field select { color: var(--ink); }
td { color: #3f6258; }
th { color: #566e62; background: #f4f7f4; }
.person strong { color: #2b5145; }
.person-details small,.phone-number,.record-reference { color: #506e62; }
.badge.error { color: #9c3345; }
.badge.pending { color: #805b1d; }
.login-intro,.login-copyright { color: var(--muted); }
.login-story .brand-caption,
.login-story .login-ledger small { color: #c4dbd2; }
.login-story .login-ledger strong { color: #e4eee8; }
.login-story .login-ledger span { color: #a4c8b8; }