/* ============================================================
   TRIAL THEME — logo colours (blue-indigo chrome + silver)
   Loaded after styles.css and only overrides it.
   To undo: remove the <link href="css/theme-logo.css"> line from
   each page (or delete this file). styles.css is untouched.
   Colours sampled from the logo artwork (hue 220–250°).
   ============================================================ */

:root {
  --color-violet:      #4459C9; /* logo steel-indigo — fills/borders; white text on it 6:1 */
  --color-violet-text: #A8B2E5; /* logo periwinkle highlight — text; 10:1 on black */
  --color-silver:      #C4CAE6; /* blue-tinted silver */
  --color-ice-blue:    #9EB9ED; /* logo pale-blue highlight */
  --color-text-muted:  rgba(196, 202, 230, 0.72);

  --border-chrome: 1px solid rgba(196, 202, 230, 0.3);
  --border-violet: 1px solid rgba(68, 89, 201, 0.5);
  --glow-violet:   0 0 20px rgba(68, 89, 201, 0.45);
}

/* Rules in styles.css that use the purple directly rather than a variable */

.panel::before {
  background: linear-gradient(
    90deg,
    transparent 0%,
    rgba(68, 89, 201, 0.6) 30%,
    rgba(196, 202, 230, 0.45) 50%,
    rgba(68, 89, 201, 0.6) 70%,
    transparent 100%
  );
}

.panel-header {
  background: rgba(68, 89, 201, 0.12);
}

/* Primary button nudged ~10° towards purple (hue 241° vs 231°), slightly darker */
.btn-primary {
  background: #4B48B4;
  border: 1px solid rgba(75, 72, 180, 0.5);
}

.btn-primary:hover {
  background: rgba(75, 72, 180, 0.85);
  box-shadow: 0 0 20px rgba(75, 72, 180, 0.45);
}

.hero-bg {
  background:
    radial-gradient(ellipse at 50% 60%, rgba(68, 89, 201, 0.18) 0%, transparent 70%),
    radial-gradient(ellipse at 80% 20%, rgba(158, 185, 237, 0.07) 0%, transparent 50%);
}

.page-hero--glow {
  background:
    radial-gradient(ellipse 40% 50% at 50% 60%, rgba(68, 89, 201, 0.2) 0%, transparent 70%),
    radial-gradient(ellipse 25% 35% at 70% 35%, rgba(158, 185, 237, 0.07) 0%, transparent 70%);
}

.badge {
  background: rgba(68, 89, 201, 0.2);
  border: 1px solid rgba(68, 89, 201, 0.45);
}