@layer skins {
  .skin-graybloom {
    --color-bg: #cde8fb;
    --color-surface: #f7f9fb;
    --color-ink: #1b2747;
    --color-ink-soft: #4a5875;
    --color-accent: #1b2747;
    --color-accent-2: #4f6a8a;
    --color-accent-3: #8ea3b3;
    --color-border: #1b2747;
    --color-on-accent: #ffffff;
    --color-focus: #f2c14e;
    --color-header-top: #1b2747;
    --color-header-nav: #ffffff;
    --color-header-nav-ink: #1b2747;
    --color-footer: #ffffff;
    --color-footer-ink: #1b2747;
    --logo-fill-top: #ffffff;
    --logo-fill-bottom: #dbe6ee;
    --logo-outline: #1b2747;
    --sparkle-color: #dbe6ee;
    --lcd-bg: #dbe6ee;
    --lcd-ink: #1b2747;
    --ticker-bg: rgb(255 255 255 / 0.08);
    --shadow-pop: 4px 4px 0 var(--color-border);
    --bg-pattern: none;
    --floral-pattern: url("/static/img/graybloom.55fb570e5705.svg");
    --floral-pattern-size: 220px 220px;
  }
}