/* ユニバーサル・スタジオ・ジャパン版のテーマ：映画のスポットライト */

body[data-park="usj"] {
  --primary: #2F46B0;
  --primary-soft: rgba(47, 70, 176, .09);
  --on-primary: #FFFFFF;
  --brand-line: linear-gradient(90deg, #FFD24A, #FF7A45 50%, #2F46B0);
  --seq-1: #E4E7FB;
  --seq-2: #C9CFF5;
  --seq-3: #A6B0EC;
  --seq-4: #7F8DDF;
  --seq-5: #5A6BCB;
  --seq-6: #3A4DAF;
  --seq-7: #233488;
}
@media (prefers-color-scheme: dark) {
  body[data-park="usj"]:where(:not([data-theme="light"] *)) {
    --primary: #A3AFFF;
    --primary-soft: rgba(163, 175, 255, .14);
    --on-primary: #0B0E14;
    --brand-line: linear-gradient(90deg, #FFD24A, #FF7A45 50%, #2F46B0);
    --seq-1: #191D3E;
    --seq-2: #222857;
    --seq-3: #2D3574;
    --seq-4: #3B4596;
    --seq-5: #525DBB;
    --seq-6: #7581DA;
    --seq-7: #A2ACF2;
  }
}
:root[data-theme="dark"] body[data-park="usj"] {
  --primary: #A3AFFF;
  --primary-soft: rgba(163, 175, 255, .14);
  --on-primary: #0B0E14;
  --brand-line: linear-gradient(90deg, #FFD24A, #FF7A45 50%, #2F46B0);
  --seq-1: #191D3E;
  --seq-2: #222857;
  --seq-3: #2D3574;
  --seq-4: #3B4596;
  --seq-5: #525DBB;
  --seq-6: #7581DA;
  --seq-7: #A2ACF2;
}

body[data-site="usj"] {
  --brand-bg: radial-gradient(90% 80% at 90% 10%, rgba(255, 210, 74, .30), transparent 60%),
              linear-gradient(155deg, #070A1F 0%, #152066 55%, #2C40B0 100%);
  --brand-glow: rgba(30, 50, 170, .55);
  --brand-kicker: #FFD24A;
  --brand-font: "Bebas Neue", Impact, sans-serif;
}
.hour-name .pk.pk-usj { background: #2F46B0; }