/* 共通の変数（--dg-*） */
:root,
[data-dg="mine-glass"] {
  --dg-bg: #f7f9fc;
  --dg-surface: rgba(255, 255, 255, 0.82);   /* glass-strong */
  --dg-surface-2: rgba(255, 255, 255, 0.4);
  --dg-text: #18202c;
  --dg-text-muted: #6b7686;
  --dg-primary: #1b2a4a;                      /* navy */
  --dg-on-primary: #ffffff;
  --dg-primary-soft: #d7f1ee;                 /* 背景の光（ティール側） */
  --dg-border: rgba(24, 32, 44, 0.08);        /* line。ガラスの縁は --dg-glass-edge */
  --dg-focus: #12a39a;                        /* teal */
  --dg-success: #12a39a;
  --dg-warning: #f5c451;
  --dg-danger: #d4553f;

  --dg-font-sans: "Hiragino Sans", "Noto Sans JP", "Yu Gothic", system-ui, sans-serif;
  --dg-font-heading: "Hiragino Sans", "Noto Sans JP", "Yu Gothic", system-ui, sans-serif;
  --dg-font-mono: ui-monospace, "SF Mono", Menlo, monospace;
  --dg-text-base: 16px;
  --dg-line-height: 1.65;
  --dg-letter-spacing: 0.02em;

  --dg-radius-s: 12px;
  --dg-radius-m: 22px;
  --dg-radius-l: 28px;
  --dg-radius-pill: 999px;

  --dg-space-1: 4px;
  --dg-space-2: 8px;
  --dg-space-3: 12px;
  --dg-space-4: 16px;
  --dg-space-5: 24px;
  --dg-space-6: 40px;

  --dg-shadow-1: 0 10px 30px rgba(27, 42, 74, 0.08), 0 2px 6px rgba(27, 42, 74, 0.05);
  --dg-shadow-2: 0 18px 48px rgba(27, 42, 74, 0.12), 0 4px 12px rgba(27, 42, 74, 0.06);
  --dg-blur: saturate(180%) blur(22px);
  --dg-glass: rgba(255, 255, 255, 0.58);
  --dg-glass-edge: rgba(255, 255, 255, 0.95);

  --dg-motion-fast: 180ms;
  --dg-motion-std: 420ms;
  --dg-ease: cubic-bezier(0.22, 1, 0.36, 1);
  --dg-spring: cubic-bezier(0.34, 1.56, 0.64, 1);

  --dg-tap-min: 44px;
}