/*
 * 工程2-5 デザイン比較テーマ
 * 属性1つ（data-design-theme="quiet|current|dynamic|rich"）で切替える。
 * 属性なしは公開中の案B「現行」と同値。
 */
:root,
[data-design-theme="current"] {
  --net-density: 1;
  --net-opacity: 1;
  --net-motion: 1;
  --paper-noise-level: 1;
  --paper-noise: var(--texture-washi);
  --gold-rule-scope: 1;
  --step-ring: 0 0 0 3px var(--color-surface-card), 0 0 0 4.5px var(--color-gold-muted);
  --step-ring-border: 1.5px solid var(--color-brand-navy);
  --step-ring-size: 2.4rem;
  --step-ring-radius: 50%;
  --dark-tone:
    linear-gradient(180deg, rgba(23, 43, 61, 0.35) 0%, transparent 40%),
    var(--color-dark-surface);
  --dark-section-space: var(--space-section);
}

[data-design-theme="quiet"] {
  --net-density: 0.55;
  --net-opacity: 0.34;
  --net-motion: 0;
  --paper-noise-level: 0.4;
  --paper-noise: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0.13 0 0 0 0 0.22 0 0 0 0 0.31 0 0 0 0.018 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  --gold-rule-scope: 0;
  --step-ring: none;
  --step-ring-border: 0 solid transparent;
  --step-ring-size: auto;
  --step-ring-radius: 0;
  --dark-tone:
    linear-gradient(180deg, rgba(23, 43, 61, 0.16) 0%, transparent 36%),
    linear-gradient(rgba(33, 56, 79, 0.9), rgba(33, 56, 79, 0.9)),
    var(--color-surface-main);
  --dark-section-space: var(--space-section-sm);
  --radius: 0.16rem;
  --radius-lg: 0.28rem;
}

[data-design-theme="dynamic"] {
  --net-density: 1.65;
  --net-opacity: 1.12;
  --net-motion: 0.72;
  --paper-noise-level: 1.65;
  --paper-noise: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.82' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0.13 0 0 0 0 0.22 0 0 0 0 0.31 0 0 0 0.074 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  --gold-rule-scope: 1;
  --step-ring: 0 0 0 3px var(--color-surface-card), 0 0 0 5.5px rgba(158, 137, 61, 0.68);
  --step-ring-border: 1.5px solid var(--color-brand-navy);
  --step-ring-size: 2.55rem;
  --step-ring-radius: 50%;
  --dark-tone:
    radial-gradient(ellipse 80% 120% at 80% 10%, rgba(158, 137, 61, 0.08), transparent 58%),
    linear-gradient(180deg, rgba(23, 43, 61, 0.58) 0%, transparent 46%),
    var(--color-dark-surface);
  --dark-section-space: clamp(5.5rem, 8vw, 8rem);
  --radius: 0.7rem;
  --radius-lg: 1.05rem;
}

/*
 * 案D「rich」: 配色値と既存案Bの公開状態を変えず、専用DOM向けに
 * 組版・素材・図版・章間の密度を高める。既存19ページには未適用。
 */
[data-design-theme="rich"] {
  --net-density: 1.35;
  --net-opacity: 0.92;
  --net-motion: 0.58;
  --paper-noise-level: 1;
  --paper-noise: var(--texture-washi);
  --gold-rule-scope: 0;
  --step-ring: none;
  --step-ring-border: 1px solid var(--color-brand-navy);
  --step-ring-size: 3.25rem;
  --step-ring-radius: 0;
  --dark-tone: var(--color-dark-surface);
  --dark-section-space: clamp(6rem, 10vw, 10rem);
  --radius: 0.12rem;
  --radius-lg: 0.2rem;
  --rich-grid-line: rgba(33, 56, 79, 0.12);
  --rich-paper-edge: rgba(158, 137, 61, 0.45);
  --rich-motion: 680ms;
  --font-serif: "Noto Serif JP", "Hiragino Mincho ProN", "Yu Mincho", serif;
  --font-sans: "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Yu Gothic", sans-serif;
}

/* 案Aは主要面だけに金短線を残す。 */
[data-design-theme="quiet"] .section--dark > .container > h2::after,
[data-design-theme="quiet"] .cta-block > .container > h2::after,
[data-design-theme="quiet"] .page-hero h1::after {
  opacity: 1;
}