/* =============================================
   rockglass-theme.css
   ロックグラス特集 テーマカラー
   ─ pickup-base.css の後に読み込む
   ─ ダーク＆シック / 落ち着いたバーラウンジの世界観
   ============================================= */

:root {
  --dark: #1a1a1f;
  --accent: #8b7355;
  --accent-dark: #6a5640;
  --accent-light: #f0ebe2;
  --hero-bg: #1a1a1f;

  /* Hero */
  --hero-gradient: linear-gradient(160deg, #1b1b20 0%, #22201c 40%, #181614 100%);
  --hero-radial: radial-gradient(ellipse at 75% 45%, rgba(139, 115, 85, 0.07) 0%, transparent 65%);
  --hero-bottom-line: rgba(139, 115, 85, 0.3);
  --hero-deco-image: url('../img/rockglass-hero.jpg');
  --hero-deco-width: 100%;
  --hero-deco-mask: linear-gradient(to right, transparent 0%, rgba(0, 0, 0, 0.12) 15%, rgba(0, 0, 0, 0.7) 40%, rgba(0, 0, 0, 0.9) 65%, rgba(0, 0, 0, 1) 100%);
  --hero-deco-overlay: none;
  --hero-text-color: rgba(255, 255, 255, 0.85);
  /* --hero-deco-sp-mask: linear-gradient(to bottom, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.5) 20%, rgba(0, 0, 0, 0.12) 50%, transparent 65%); */
  /* --hero-deco-sp-opacity: 0.35; */
  --hero-deco-sp-position: 80%;
  --hero-deco-sp-overlay: linear-gradient(to top, transparent 60%, transparent 3%, var(--hero-bg) 90%);

  /* Sections */
  --comparison-gradient: linear-gradient(160deg, #f5f3ee 0%, #ece6da 100%);
  --table-hover-bg: #f8f6f1;
  --nav-link-color: #4d3f2c;
  --nav-span-color: #8b7355;

  /* Staff comment */
  --comment-bg: linear-gradient(135deg, #f8f6f0 0%, #f2ede2 100%);
  --comment-border: #ddd2be;

  /* Price */
  --price-color: #c0392b;

  /* Badges */
  --badge-scene-bg: #ede8dc;
  --badge-scene-color: #5c4a28;
  --badge-feature-bg: #fef0e0;
  --badge-feature-color: #d84e00;
  --badge-industry-bg: #e5e3ee;
  --badge-industry-color: #3a306a;

  /* Guide cards */
  --gc1-border: #ddd2b8;
  --gc1-bg: linear-gradient(180deg, #fbf8ee 0%, var(--white) 100%);
  --gc1-icon-bg: #ede4ca;
  --gc1-icon-color: #8b7020;
  --gc2-border: #c8bfae;
  --gc2-bg: linear-gradient(180deg, #f8f5ee 0%, var(--white) 100%);
  --gc2-icon-bg: #e5dcc8;
  --gc2-icon-color: #6a5830;
  --gc3-border: #b8cfc5;
  --gc3-bg: linear-gradient(180deg, #f2faf6 0%, var(--white) 100%);
  --gc3-icon-bg: #cce8d8;
  --gc3-icon-color: #287a4a;
  --gc4-border: #bfb8cc;
  --gc4-bg: linear-gradient(180deg, #f5f3fa 0%, var(--white) 100%);
  --gc4-icon-bg: #d8d0e8;
  --gc4-icon-color: #503a80;

  /* Buttons */
  --btn-shadow-rgb: 139, 115, 85;
  --btn-hover-bg: #a08a68;
  --pick-shadow-rgb: 139, 115, 85;
}

/* ── Dark hero overrides ── */
.feature-hero h1 {
  color: #f0ece4;
}

.feature-hero h1 em {
  color: #c4a86c;
}

.feature-hero p {
  color: rgba(255, 255, 255, 0.88);
}

.feature-hero-label {
  background: rgba(139, 115, 85, 0.92);
  backdrop-filter: blur(4px);
}



/* ── Section heading icon ── */
.section-heading .material-icons-outlined {
  color: var(--accent);
}

/* ── lot card total: red ── */
.lot-card-total {
  color: #c0392b;
}

/* ── btn-main hover ── */
.btn-main:hover {
  background: var(--btn-hover-bg);
}