/* Theme override: Yellow → Orange */

:root{
  /* Accent palette */
  --accent1: #fde047; /* yellow */
  --accent2: #f59e0b; /* amber/orange */
  --accent3: #fb923c; /* orange (for highlights if needed) */
}

/* Softer warm background glows instead of blue/purple */
body{
  background:
    radial-gradient(1200px 700px at 70% -10%, rgba(245,158,11,.08), transparent 60%),
    radial-gradient(900px 600px at 20% 10%,  rgba(253,224,71,.08), transparent 60%),
    #fff;
}

/* Primary buttons use the new palette & dark text for contrast */
.btn--primary{
  background: linear-gradient(90deg, var(--accent1), var(--accent2));
  color: #111;
  border: 0;
}

/* Gradient text (already uses --accent1/2) — nothing else to do,
   but we keep here to ensure it picks up the new colors */
.grad{
  background: linear-gradient(90deg, var(--accent1), var(--accent2));
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

/* Brand logo chip picks up the new gradient automatically via vars,
   but we add a subtle stronger shadow that matches the warm palette */
.brand__logo{
  background: linear-gradient(135deg, var(--accent1), var(--accent2));
  box-shadow:
    0 8px 24px rgba(245,158,11,.25),
    0 12px 28px rgba(253,224,71,.18);
}

/* Focus rings lean warm too (generic helper) */
:focus-visible{
  outline: none;
  box-shadow: 0 0 0 4px rgba(245,158,11,.30);
}