/* Internet/Mobile Banking skin for the Credit-Card-Portal build.
   GENERATED from splendin-cms src/portal-seed.ts IBMB_THEME_COLORS by gen-ibmb-theme.py.
   Do not hand-edit: regenerate, so this host and the real portal cannot drift apart. */
:root, .dark {
  --background: 250.0 46.2% 94.9%; /* #eeecf8 */
  --foreground: 240.0 40.2% 17.1%; /* #1a1a3d */
  --card: 0.0 0.0% 100.0%; /* #ffffff */
  --card-foreground: 240.0 40.2% 17.1%; /* #1a1a3d */
  --primary: 239.0 62.1% 37.3%; /* #24269a */
  --primary-foreground: 0.0 0.0% 100.0%; /* #ffffff */
  --secondary: 217.9 65.5% 94.3%; /* #e7eefa */
  --secondary-foreground: 240.0 40.2% 17.1%; /* #1a1a3d */
  --muted: 252.0 45.5% 97.8%; /* #f8f7fc */
  --muted-foreground: 0.0 0.0% 35.7%; /* #5b5b5b */
  --accent: 41.9 93.8% 62.0%; /* #f9c243 */
  --accent-foreground: 240.0 40.2% 17.1%; /* #1a1a3d */
  --destructive: 2.2 72.3% 56.1%; /* #e0443e */
  --destructive-foreground: 0.0 0.0% 100.0%; /* #ffffff */
  --border: 243.2 42.2% 91.2%; /* #e0dff2 */
  --input: 243.2 42.2% 91.2%; /* #e0dff2 */
  --ring: 239.0 62.1% 37.3%; /* #24269a */
  --success: 145.3 63.4% 41.8%; /* #27ae60 */
  --warning: 41.9 93.8% 62.0%; /* #f9c243 */
  --cta: 41.9 93.8% 62.0%; /* #f9c243 */
  --cta-foreground: 0.0 0.0% 8.2%; /* #151515 */
  --cta-from: 41.9 93.8% 62.0%; /* #f9c243 */
  --wave-accent: 239.0 62.1% 37.3%; /* #24269a */
  /* chrome: see SIDEBAR_DARK in gen-ibmb-theme.py for why this build keeps it dark */
  --sidebar: 239.0 62.1% 37.3%; /* #24269a */
  --sidebar-foreground: 0.0 0.0% 100.0%; /* #ffffff */
  --sidebar-border: 238.2 52.1% 37.6%; /* #2e3192 */
  --sidebar-primary: 41.9 93.8% 62.0%; /* #f9c243 */
  --sidebar-primary-foreground: 240.0 40.2% 17.1%; /* #1a1a3d */
  --sidebar-accent: 238.2 52.1% 37.6%; /* #2e3192 */
  --sidebar-accent-foreground: 0.0 0.0% 100.0%; /* #ffffff */
  --sidebar-ring: 41.9 93.8% 62.0%; /* #f9c243 */
  --sidebar-nav: 237.6 45.5% 89.2%; /* #d7d8f0 */
  --sidebar-label: 235.1 33.8% 71.6%; /* #9ea2cf */
  --radius: 0.75rem;
}

/* The bank fills an action in amber and keeps indigo for text, links and chrome. This build does
   not theme its buttons through a token - each CTA carries a named class with its own hardcoded
   gradient - so the fill is re-pointed on those classes by name. Anything that is not an action
   keeps --primary, which is how the bank draws it too. */
.login-grad-btn,
.register-grad-btn {
  background: hsl(var(--cta));
  color: hsl(var(--cta-foreground));
}
/* On the indigo chrome, anything the build accents in --primary now matches the surface it sits
   on - the hero's own tagline accent went indigo-on-indigo. Amber is what the bank accents with. */
.bg-sidebar .login-tagline-accent,
.bg-sidebar .text-primary {
  color: hsl(var(--cta));
}

.drp-apply-btn-active,
.payments-amount-btn-selected,
button.bg-primary,
a.bg-primary {
  background-color: hsl(var(--cta));
  color: hsl(var(--cta-foreground));
}