/* MAX palette: colour layer on the original SUNOAI layout.
   styles.css owns sizes, typography, spacing, responsive rules and motion.
   The build entry name stays stable for existing public pages. */
:root {
  color-scheme: light;
  --background: #f7f7fc;
  --surface: #ffffff;
  --surface-2: #f0edff;
  --surface-soft: rgba(33, 20, 48, .05);
  --soft: rgba(33, 20, 48, .05);
  --line: rgba(33, 20, 48, .13);
  --line-strong: rgba(33, 20, 48, .24);
  --text: #211430;
  --muted: #6c617e;
  --accent: #471aff;
  --accent-2: #9500ff;
  --accent-3: #00bfff;
  --danger: #b03e47;
  --success: #387d54;
}

/* /partners keeps its builder, phone and transitions. */
body > header { background-color: rgba(247, 247, 252, .8); border-bottom-color: var(--line); }
input.field { background-color: rgba(248, 248, 252, .85); }
.sw.on { border-color: var(--accent); }

/* Colour only: all original form/player geometry and motion stay in styles.css. */
.hero-accent {
  background: linear-gradient(110deg, #471aff, #6e1aff, #9500ff);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
}
.primary { background: linear-gradient(110deg, #471aff, #6e1aff, #9500ff); }
.tabs-thumb {
  background: linear-gradient(110deg, #471aff, #6e1aff, #9500ff);
  box-shadow: 0 4px 14px rgba(71, 26, 255, .18);
}
body {
  background:
    radial-gradient(ellipse at 25% 0, rgba(0, 191, 255, .08), transparent 32rem),
    radial-gradient(ellipse at 75% 0, rgba(149, 0, 255, .07), transparent 36rem),
    var(--background);
}

/* The partner page's phone is an intentional dark illustration. */
.phone .screen {
  --background: #0d001a;
  --surface: #1a102b;
  --surface-2: #211536;
  --text: #f8f5ff;
  --muted: #b9b0ce;
  --soft: rgba(255, 255, 255, .05);
  --line: rgba(255, 255, 255, .13);
  --line-strong: rgba(255, 255, 255, .24);
}