/*
  Revival 主题色彩变量（用于 app.build.css 中的 var(--*)）。
  值来源：WordPress reVival（blog.xgblack.cn）当前线上配置。
*/

:root {
  --primary_light_3: #76c5ff;
  --primary_light_2: #59b8ff;
  --primary_light_1: #3dacff;
  --primary_default: #20a0ff;
  --primary_dark_1: #0394ff;
  --primary_dark_2: #0084e6;
  --primary_dark_3: #0073c9;

  --primary_opacity_0: rgba(32, 160, 255, 0);
  --primary_opacity_1: rgba(32, 160, 255, 0.1);
  --primary_opacity_2: rgba(32, 160, 255, 0.2);
  --primary_opacity_3: rgba(32, 160, 255, 0.3);
  --primary_opacity_4: rgba(32, 160, 255, 0.4);
  --primary_opacity_5: rgba(32, 160, 255, 0.5);
  --primary_opacity_6: rgba(32, 160, 255, 0.6);
  --primary_opacity_7: rgba(32, 160, 255, 0.7);
  --primary_opacity_8: rgba(32, 160, 255, 0.8);
  --primary_opacity_9: rgba(32, 160, 255, 0.9);

  --analogous_light_3: #76d5ff;
  --analogous_light_2: #59ccff;
  --analogous_light_1: #3dc3ff;
  --analogous_default: #20baff;
  --analogous_dark_1: #03b1ff;
  --analogous_dark_2: #009fe6;
  --analogous_dark_3: #008bc9;

  --white_default: #ffffff;
  --white_opacity_0: rgba(255, 255, 255, 0);
  --white_opacity_1: rgba(255, 255, 255, 0.1);
  --white_opacity_2: rgba(255, 255, 255, 0.2);
  --white_opacity_3: rgba(255, 255, 255, 0.3);
  --white_opacity_4: rgba(255, 255, 255, 0.4);
  --white_opacity_5: rgba(255, 255, 255, 0.5);
  --white_opacity_6: rgba(255, 255, 255, 0.6);
  --white_opacity_7: rgba(255, 255, 255, 0.7);
  --white_opacity_8: rgba(255, 255, 255, 0.8);
  --white_opacity_9: rgba(255, 255, 255, 0.9);

  --gray_0: #1f2d3d;
  --gray_1: #475669;
  --gray_2: #657487;
  --gray_3: #738192;
  --gray_4: #8492a6;
  --gray_5: #99a9bf;
  --gray_6: #cad1db;
  --gray_7: #d8e0ea;
  --gray_8: #e6eaf0;
  --gray_9: #f0f2f7;

  --gray_opacity_0: rgba(31, 45, 61, 0);
  --gray_opacity_1: rgba(31, 45, 61, 0.1);
  --gray_opacity_2: rgba(31, 45, 61, 0.2);
  --gray_opacity_3: rgba(31, 45, 61, 0.3);
  --gray_opacity_4: rgba(31, 45, 61, 0.4);
  --gray_opacity_5: rgba(31, 45, 61, 0.5);
  --gray_opacity_6: rgba(31, 45, 61, 0.6);
  --gray_opacity_7: rgba(31, 45, 61, 0.7);
  --gray_opacity_8: rgba(31, 45, 61, 0.8);
  --gray_opacity_9: rgba(31, 45, 61, 0.9);

  --dark_primary_light_3: #76c5ff;
  --dark_primary_light_2: #59b8ff;
  --dark_primary_light_1: #3dacff;
  --dark_primary_default: #20a0ff;
  --dark_primary_dark_1: #0394ff;
  --dark_primary_dark_2: #0084e6;
  --dark_primary_dark_3: #0073c9;
  --dark_primary_opacity_0: rgba(32, 160, 255, 0);
  --dark_primary_opacity_1: rgba(32, 160, 255, 0.1);
  --dark_primary_opacity_2: rgba(32, 160, 255, 0.2);
  --dark_primary_opacity_3: rgba(32, 160, 255, 0.3);
  --dark_primary_opacity_4: rgba(32, 160, 255, 0.4);
  --dark_primary_opacity_5: rgba(32, 160, 255, 0.5);
  --dark_primary_opacity_6: rgba(32, 160, 255, 0.6);
  --dark_primary_opacity_7: rgba(32, 160, 255, 0.7);
  --dark_primary_opacity_8: rgba(32, 160, 255, 0.8);
  --dark_primary_opacity_9: rgba(32, 160, 255, 0.9);

  --dark_analogous_light_3: #76d5ff;
  --dark_analogous_light_2: #59ccff;
  --dark_analogous_light_1: #3dc3ff;
  --dark_analogous_default: #20baff;
  --dark_analogous_dark_1: #03b1ff;
  --dark_analogous_dark_2: #009fe6;
  --dark_analogous_dark_3: #008bc9;

  --dark_white_default: #34425a;
  --dark_white_opacity_0: rgba(52, 66, 90, 0);
  --dark_white_opacity_1: rgba(52, 66, 90, 0.1);
  --dark_white_opacity_2: rgba(52, 66, 90, 0.2);
  --dark_white_opacity_3: rgba(52, 66, 90, 0.3);
  --dark_white_opacity_4: rgba(52, 66, 90, 0.4);
  --dark_white_opacity_5: rgba(52, 66, 90, 0.5);
  --dark_white_opacity_6: rgba(52, 66, 90, 0.6);
  --dark_white_opacity_7: rgba(52, 66, 90, 0.7);
  --dark_white_opacity_8: rgba(52, 66, 90, 0.8);
  --dark_white_opacity_9: rgba(52, 66, 90, 0.9);

  --dark_gray_0: #000000;
  --dark_gray_1: #eff2f7;
  --dark_gray_2: #d8e0ea;
  --dark_gray_3: #cad1db;
  --dark_gray_4: #99a9bf;
  --dark_gray_5: #738192;
  --dark_gray_6: #657487;
  --dark_gray_7: #56687f;
  --dark_gray_8: #475669;
  --dark_gray_9: #28374a;

  --dark_gray_opacity_0: rgba(0, 0, 0, 0);
  --dark_gray_opacity_1: rgba(0, 0, 0, 0.1);
  --dark_gray_opacity_2: rgba(0, 0, 0, 0.2);
  --dark_gray_opacity_3: rgba(0, 0, 0, 0.3);
  --dark_gray_opacity_4: rgba(0, 0, 0, 0.4);
  --dark_gray_opacity_5: rgba(0, 0, 0, 0.5);
  --dark_gray_opacity_6: rgba(0, 0, 0, 0.6);
  --dark_gray_opacity_7: rgba(0, 0, 0, 0.7);
  --dark_gray_opacity_8: rgba(0, 0, 0, 0.8);
  --dark_gray_opacity_9: rgba(0, 0, 0, 0.9);

  --light_primary_light_3: #76c5ff;
  --light_primary_light_2: #59b8ff;
  --light_primary_light_1: #3dacff;
  --light_primary_default: #20a0ff;
  --light_primary_dark_1: #0394ff;
  --light_primary_dark_2: #0084e6;
  --light_primary_dark_3: #0073c9;
  --light_primary_opacity_0: rgba(32, 160, 255, 0);
  --light_primary_opacity_1: rgba(32, 160, 255, 0.1);
  --light_primary_opacity_2: rgba(32, 160, 255, 0.2);
  --light_primary_opacity_3: rgba(32, 160, 255, 0.3);
  --light_primary_opacity_4: rgba(32, 160, 255, 0.4);
  --light_primary_opacity_5: rgba(32, 160, 255, 0.5);
  --light_primary_opacity_6: rgba(32, 160, 255, 0.6);
  --light_primary_opacity_7: rgba(32, 160, 255, 0.7);
  --light_primary_opacity_8: rgba(32, 160, 255, 0.8);
  --light_primary_opacity_9: rgba(32, 160, 255, 0.9);

  --light_analogous_light_3: #76d5ff;
  --light_analogous_light_2: #59ccff;
  --light_analogous_light_1: #3dc3ff;
  --light_analogous_default: #20baff;
  --light_analogous_dark_1: #03b1ff;
  --light_analogous_dark_2: #009fe6;
  --light_analogous_dark_3: #008bc9;

  --light_white_default: #ffffff;
  --light_white_opacity_0: rgba(255, 255, 255, 0);
  --light_white_opacity_1: rgba(255, 255, 255, 0.1);
  --light_white_opacity_2: rgba(255, 255, 255, 0.2);
  --light_white_opacity_3: rgba(255, 255, 255, 0.3);
  --light_white_opacity_4: rgba(255, 255, 255, 0.4);
  --light_white_opacity_5: rgba(255, 255, 255, 0.5);
  --light_white_opacity_6: rgba(255, 255, 255, 0.6);
  --light_white_opacity_7: rgba(255, 255, 255, 0.7);
  --light_white_opacity_8: rgba(255, 255, 255, 0.8);
  --light_white_opacity_9: rgba(255, 255, 255, 0.9);

  --light_gray_0: #1f2d3d;
  --light_gray_1: #475669;
  --light_gray_2: #657487;
  --light_gray_3: #738192;
  --light_gray_4: #8492a6;
  --light_gray_5: #99a9bf;
  --light_gray_6: #cad1db;
  --light_gray_7: #d8e0ea;
  --light_gray_8: #e6eaf0;
  --light_gray_9: #f0f2f7;

  --light_gray_opacity_0: rgba(31, 45, 61, 0);
  --light_gray_opacity_1: rgba(31, 45, 61, 0.1);
  --light_gray_opacity_2: rgba(31, 45, 61, 0.2);
  --light_gray_opacity_3: rgba(31, 45, 61, 0.3);
  --light_gray_opacity_4: rgba(31, 45, 61, 0.4);
  --light_gray_opacity_5: rgba(31, 45, 61, 0.5);
  --light_gray_opacity_6: rgba(31, 45, 61, 0.6);
  --light_gray_opacity_7: rgba(31, 45, 61, 0.7);
  --light_gray_opacity_8: rgba(31, 45, 61, 0.8);
  --light_gray_opacity_9: rgba(31, 45, 61, 0.9);
}

/* 主题切换：以 HTML 上的 data-color-scheme 为准（由 Alpine store 设置）。 */
:root[data-color-scheme="dark"] {
  --primary_light_3: var(--dark_primary_light_3);
  --primary_light_2: var(--dark_primary_light_2);
  --primary_light_1: var(--dark_primary_light_1);
  --primary_default: var(--dark_primary_default);
  --primary_dark_1: var(--dark_primary_dark_1);
  --primary_dark_2: var(--dark_primary_dark_2);
  --primary_dark_3: var(--dark_primary_dark_3);
  --primary_opacity_0: var(--dark_primary_opacity_0);
  --primary_opacity_1: var(--dark_primary_opacity_1);
  --primary_opacity_2: var(--dark_primary_opacity_2);
  --primary_opacity_3: var(--dark_primary_opacity_3);
  --primary_opacity_4: var(--dark_primary_opacity_4);
  --primary_opacity_5: var(--dark_primary_opacity_5);
  --primary_opacity_6: var(--dark_primary_opacity_6);
  --primary_opacity_7: var(--dark_primary_opacity_7);
  --primary_opacity_8: var(--dark_primary_opacity_8);
  --primary_opacity_9: var(--dark_primary_opacity_9);

  --analogous_light_3: var(--dark_analogous_light_3);
  --analogous_light_2: var(--dark_analogous_light_2);
  --analogous_light_1: var(--dark_analogous_light_1);
  --analogous_default: var(--dark_analogous_default);
  --analogous_dark_1: var(--dark_analogous_dark_1);
  --analogous_dark_2: var(--dark_analogous_dark_2);
  --analogous_dark_3: var(--dark_analogous_dark_3);

  --white_default: var(--dark_white_default);
  --white_opacity_0: var(--dark_white_opacity_0);
  --white_opacity_1: var(--dark_white_opacity_1);
  --white_opacity_2: var(--dark_white_opacity_2);
  --white_opacity_3: var(--dark_white_opacity_3);
  --white_opacity_4: var(--dark_white_opacity_4);
  --white_opacity_5: var(--dark_white_opacity_5);
  --white_opacity_6: var(--dark_white_opacity_6);
  --white_opacity_7: var(--dark_white_opacity_7);
  --white_opacity_8: var(--dark_white_opacity_8);
  --white_opacity_9: var(--dark_white_opacity_9);

  --gray_0: var(--dark_gray_0);
  --gray_1: var(--dark_gray_1);
  --gray_2: var(--dark_gray_2);
  --gray_3: var(--dark_gray_3);
  --gray_4: var(--dark_gray_4);
  --gray_5: var(--dark_gray_5);
  --gray_6: var(--dark_gray_6);
  --gray_7: var(--dark_gray_7);
  --gray_8: var(--dark_gray_8);
  --gray_9: var(--dark_gray_9);

  --gray_opacity_0: var(--dark_gray_opacity_0);
  --gray_opacity_1: var(--dark_gray_opacity_1);
  --gray_opacity_2: var(--dark_gray_opacity_2);
  --gray_opacity_3: var(--dark_gray_opacity_3);
  --gray_opacity_4: var(--dark_gray_opacity_4);
  --gray_opacity_5: var(--dark_gray_opacity_5);
  --gray_opacity_6: var(--dark_gray_opacity_6);
  --gray_opacity_7: var(--dark_gray_opacity_7);
  --gray_opacity_8: var(--dark_gray_opacity_8);
  --gray_opacity_9: var(--dark_gray_opacity_9);
}