/**
 * Sakurairo Design Tokens - Dark Mode
 * Remaps token values for dark mode via body.dark class or data-theme attribute.
 */

body.dark,
[data-theme="dark"] {
  /* === Color Tokens - Dark === */
  --color-text-primary: var(--gray-300);
  --color-text-secondary: #999999;
  --color-text-tertiary: var(--gray-600);
  --color-text-inverse: var(--gray-900);

  --color-bg-primary: rgba(51, 51, 51, var(--theme-dm-background_transparency, 1));
  --color-bg-secondary: rgba(26, 26, 26, var(--theme-dm-background_transparency, 1));
  --color-bg-elevated: rgba(26, 26, 26, 0.8);
  --color-bg-surface: rgba(51, 51, 51, 1);
  --color-bg-overlay: rgba(26, 26, 26, 0.95);

  --color-border: rgba(125, 125, 125, 0.19);
  --color-border-subtle: rgba(125, 125, 125, 0.12);
  --color-border-strong: rgba(125, 125, 125, 0.30);

  --color-link: var(--theme-skin-dark, #294aa4);
  --color-link-hover: var(--theme-skin-dark, #294aa4);

  /* === Gray Scale - Dark Shift === */
  --gray-50: var(--gray-900);
  --gray-100: var(--gray-800);
  --gray-200: #3B3B3B;
  --gray-300: #7D7D7D;
  --gray-400: #999999;
  --gray-500: #AAAAAA;

  /* === Shadow Tokens - Dark === */
  --shadow-card: 0 1px 20px 2px rgba(26, 26, 26, 0.8);
  --shadow-card-hover: 0 1px 30px -2px rgba(26, 26, 26, 0.95);
  --shadow-elevated: 0 4px 12px rgba(0, 0, 0, 0.3);
  --shadow-nav: 0 1px 15px rgba(0, 0, 0, 0.3);
  --shadow-modal: 0 8px 30px rgba(0, 0, 0, 0.4);

  /* === Glassmorphism - Dark === */
  --glass-bg: rgba(51, 51, 51, var(--theme-dm-background_transparency, 1));
  --glass-border: 1.5px solid rgba(125, 125, 125, 0.19);
}

/* === Auto Dark Mode (System Preference) === */
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --color-text-primary: var(--gray-300);
    --color-text-secondary: #999999;
    --color-text-tertiary: var(--gray-600);

    --color-bg-primary: rgba(51, 51, 51, var(--theme-dm-background_transparency, 1));
    --color-bg-secondary: rgba(26, 26, 26, var(--theme-dm-background_transparency, 1));
    --color-bg-elevated: rgba(26, 26, 26, 0.8);

    --color-border: rgba(125, 125, 125, 0.19);

    --gray-200: #3B3B3B;
    --gray-300: #7D7D7D;
    --gray-400: #999999;

    --shadow-card: 0 1px 20px 2px rgba(26, 26, 26, 0.8);
    --shadow-card-hover: 0 1px 30px -2px rgba(26, 26, 26, 0.95);

    --glass-bg: rgba(51, 51, 51, var(--theme-dm-background_transparency, 1));
  }
}

/* === Dark Mode Specific Overrides === */
/* These are cases where CSS property values differ from simple color swaps */

body.dark img,
body.dark .highlight-wrap,
body.dark iframe,
body.dark .entry-content .aplayer,
body.dark .post-thumb video {
  filter: brightness(var(--theme_darkmode_img_bright, 0.8));
}

body.dark .headertop {
  backdrop-filter: brightness(var(--theme_darkmode_img_bright, 0.8));
}