/**
 * Revora skin — Logto Admin Console (v3).
 * html + body + #app: variables; SVG fills; cache-bust via ?v= on link.
 */
html {
  --color-brand-30: #0a4a8a !important;
  --color-brand-40: #1380ed !important;
  --color-brand-50: #3d95f0 !important;
  --color-brand-60: #6bb3f5 !important;
  --color-brand-70: #8ec8f9 !important;
  --color-brand-default: #1380ed !important;
  --color-brand-hover: #3d95f0 !important;
  --color-brand-pressed: #0a4a8a !important;
  --color-brand-loading: #6bb3f5 !important;
  --color-overlay-brand-hover: rgba(19, 128, 237, 0.1) !important;
  --color-overlay-brand-pressed: rgba(19, 128, 237, 0.14) !important;
  --color-overlay-brand-focused: rgba(19, 128, 237, 0.2) !important;
  --color-type-link: #1380ed !important;
}

body.eAa6M_light,
body.eAa6M_light#app,
#app.eAa6M_light {
  --color-brand-30: #0a4a8a !important;
  --color-brand-40: #1380ed !important;
  --color-brand-50: #3d95f0 !important;
  --color-brand-60: #6bb3f5 !important;
  --color-brand-70: #8ec8f9 !important;
  --color-brand-default: #1380ed !important;
  --color-brand-hover: #3d95f0 !important;
  --color-brand-pressed: #0a4a8a !important;
  --color-brand-loading: #6bb3f5 !important;
  --color-overlay-brand-hover: rgba(19, 128, 237, 0.08) !important;
  --color-overlay-brand-pressed: rgba(19, 128, 237, 0.12) !important;
  --color-overlay-brand-focused: rgba(19, 128, 237, 0.16) !important;
  --color-type-link: #1380ed !important;
}

body.GsPfC_dark,
body.GsPfC_dark#app,
#app.GsPfC_dark {
  --color-brand-30: #cce5ff !important;
  --color-brand-40: #99ccff !important;
  --color-brand-50: #66b3ff !important;
  --color-brand-60: #1380ed !important;
  --color-brand-70: #4a9ef0 !important;
  --color-brand-default: #4a9ef0 !important;
  --color-brand-hover: #66b3ff !important;
  --color-brand-pressed: #cce5ff !important;
  --color-brand-loading: #1380ed !important;
  --color-overlay-brand-hover: rgba(140, 190, 255, 0.1) !important;
  --color-overlay-brand-pressed: rgba(140, 190, 255, 0.14) !important;
  --color-overlay-brand-focused: rgba(140, 190, 255, 0.18) !important;
  --color-type-link: #66b3ff !important;
  --color-surface-2: linear-gradient(0deg, rgba(140, 190, 255, 0.08), rgba(140, 190, 255, 0.08)),
    linear-gradient(0deg, rgba(196, 199, 199, 0.02), rgba(196, 199, 199, 0.02)), #191c1d !important;
  --color-surface-3: linear-gradient(0deg, rgba(140, 190, 255, 0.11), rgba(140, 190, 255, 0.11)),
    linear-gradient(0deg, rgba(196, 199, 199, 0.02), rgba(196, 199, 199, 0.02)), #191c1d !important;
  --color-surface-4: linear-gradient(0deg, rgba(140, 190, 255, 0.14), rgba(140, 190, 255, 0.14)),
    linear-gradient(0deg, rgba(196, 199, 199, 0.02), rgba(196, 199, 199, 0.02)), #191c1d !important;
}

/* Hardcoded purple in SVGs / icons (bundle) */
svg [fill="#5d34f2"],
svg [fill="#5D34F2"],
svg [fill="#6139F6"],
svg [fill="#7958ff"],
svg [fill="#7958FF"],
svg [fill="#9b80f9"],
svg [fill="#9B80F9"],
svg [fill="#af9eff"],
svg [fill="#AF9EFF"],
svg [fill="#4300da"],
path[fill="#5d34f2"],
path[fill="#6139F6"],
path[fill="#7958ff"] {
  fill: #1380ed !important;
}

/* Sidebar / nav: rely on currentColor where possible */
nav svg,
aside svg,
[class*="sidebar"] svg {
  color: #1380ed !important;
}