:root {
  --green: #474DA8;
  --green-rgb: 71, 77, 168;
  --green-light: #6B72C8;
  --green-light-rgb: 110, 117, 200;
  --green-deep: #2A2D79;
  --green-deep-rgb: 43, 46, 122;
  --gold: #D65A62;
  --gold-rgb: 214, 90, 98;
  --gold-deep: #C25A62;

  --footer-bg: #22255C;
  --footer-bg-deep: #1A1C4E;
  --hero-bg: #3E44A0;

  --shadow-1: 0 4px 16px rgba(var(--green-deep-rgb), 0.10);
  --shadow-2: 0 16px 36px rgba(var(--green-deep-rgb), 0.20);

  --sub-hover: #EAECF8;
  --tint: #E6EAF7;
  --tint-2: #E7EAF6;
  --tint-deep: #DDE0F0;
  --page-bg: #F5F6FB;

  --ink-soft: #4A4E66;
  --ink-mute: #5E6480;
  --ink-mute-2: #565C74;
  --ink-deep: #2C3050;
  --ink-strong: #2C3A2E;
  --ink-green: #1F3324;
  --ink-cool: #3E4260;
  --ink-faint: #A8B2A8;
  --crumb-sep: #C6CBE0;

  --drawer-bg: #F5F6FC;
  --drawer-line: #E9EBF7;
  --drawer-line-2: #EBEDF7;
  --burger: #8E96C4;
  --mask-drawer-rgb: 13, 30, 17;

  --paper: #F5F2E8;
  --paper-rgb: 245, 242, 232;
  --paper-soft: #FAF8F0;

  --scrim-rgb: 18, 21, 58;
  --scrim-band-rgb: 20, 22, 64;
  --scrim-card-rgb: 22, 24, 68;
  --nav-veil-a-rgb: 240, 242, 252;
  --nav-veil-b-rgb: 216, 222, 246;

  --green-dark: #3A3F8E;
  --admin-sidebar-rgb: 34, 37, 92;
  --line: #E5E8F2;
  --bg: #F4F5FA;
  --login-grad: linear-gradient(160deg, #EAECF8 0%, #F5F6FB 55%, #DFE4F7 100%);
  --admin-tint: #E6E9F8;
  --admin-tag-gold-bg: #F9E4E6;
  --admin-thumb-bg: #EDF0F9;
  --admin-table-head: #FAFAFC;
  --admin-input-bg: #F4F5FB;
  --admin-input-line: #D8DDF0;
  --admin-group-line: #DDE1F2;
  --admin-group-bg: #F1F2FA;
  --admin-group-line-2: #EBEEF9;
  --admin-group-hover: #EDF0FA;
  --admin-group-open-line: #E5E9F4;
  --admin-label-ink: #565D96;
  --admin-hint-ink: #6B7290;
  --admin-empty-ink: #8A93B8;
  --admin-tip-ink: #A0A5B8;
  --admin-pop-bg: #FDFDFE;
  --admin-crop-tip-bg: #F7F8FC;
  --admin-crop-tip-line: #C9D2EC;
  --admin-crop-frame-line: #CFE0F0;
  --admin-crop-ok-bg: #23265E;
}

.footer-logo {
  box-sizing: content-box;
  padding: 10px 14px;
  background: #FFFFFF;
  border-radius: 10px;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.22);
}