/* 堺浜クリテ theme overrides.
   style.css が共通レイアウトと既定値を持ち、このファイルは大会固有の見た目を担当します。
   style.css の既定値と同じものは書かず、変更する値だけを上書きします。 */

:root {
  /* Sakaihama brand palette */
  --sakaihama-blue: #004e7c;
  --sakaihama-cyan: #00d9ff;
  --sakaihama-yellow: #fbf066;
  --sakaihama-orange: #ff6b35;

  /* 可読性が必要な文字・背景向けの濃色 */
  --sakaihama-cyan-readable: #00768d;
  --sakaihama-yellow-readable: #746b00;
  --sakaihama-orange-readable: #b83f15;

  /* Theme primitives */
  --theme-bg: #f5f5f5;
  --theme-text: #302c2c;
  --theme-primary: var(--sakaihama-blue);
  --theme-secondary: var(--sakaihama-orange-readable);
  --theme-accent: var(--sakaihama-yellow-readable);
  --theme-danger: #d81a14;
  --theme-border: #cccccc;

  /* Brand-specific accents */
  --color-beginner-image-end: var(--sakaihama-cyan);
  --color-pro-image-start: #1f1f1f;

  /* Ribbon colors
     class mapping:
     - .point-o  -> --color-ribbon-point-o
     - .point-k  -> --color-ribbon-point-k（既定の primary を使用）
     - .point-sp -> --color-ribbon-point-sp
     - .point-none は display:none のため色指定なし */
  --color-ribbon-tail-default: var(--sakaihama-orange-readable);
  --color-ribbon-point-o: var(--sakaihama-orange-readable);
  --color-ribbon-point-sp: var(--theme-secondary);

  /* Loader colors */
  --color-loader-bg: #002b45;
  --bg-loader-glow: radial-gradient(
    ellipse 70% 50% at 50% 50%,
    color-mix(in srgb, var(--sakaihama-cyan) 16%, transparent) 0%,
    transparent 70%
  );
  --color-loader-bike: var(--sakaihama-yellow);

  /* 文字を焼き込んでいない堺浜クリテの写真をフォールバックに使用 */
  --image-hero: url('../../images/topslide-9_250909.webp');

  /* Overlays */
  --overlay-hero-panel-bg: rgba(255, 255, 255, 0.82);
}