/* public/theme/dark.css */
:root{
  /* brand */
  --accent: #e8192c;
  --accent-hover: #ff2b3d;

  /* text */
  --text: #eef2f8;
  --muted: #8a9ab4;
  --desc: rgba(238,242,248,.68);
  --logo-rest: #ffffff;
  --placeholder: rgba(238,242,248,.45);

  /* borders & shadows */
  --border: rgba(255,255,255,0.07);
  --border-strong: rgba(255,255,255,0.16);
  --shadow: 0 16px 48px rgba(0,0,0,.55), 0 2px 8px rgba(0,0,0,.3);
  --glow-shadow: 0 0 0 1px rgba(232,25,44,.25), 0 8px 32px rgba(232,25,44,.12);

  /* page background */
  --page-bg: #0a0c10;
  --hero-pattern:
    radial-gradient(ellipse 120% 80% at 50% 110%, rgba(232,25,44,.22) 0%, transparent 55%),
    radial-gradient(ellipse 60% 40% at 80% 20%, rgba(70,90,180,.1) 0%, transparent 50%),
    repeating-linear-gradient(
      -45deg,
      rgba(255,255,255,.012) 0px,
      rgba(255,255,255,.012) 1px,
      transparent 1px,
      transparent 36px
    ),
    #0c0e14;

  --header-bg: rgba(10,12,16,.82);

  /* surfaces */
  --card-bg: rgba(16,20,28,.95);
  --panel-bg: rgba(14,18,26,.8);
  --megamenu-bg: rgba(12,15,22,.98);
  --hero-bg: transparent;

  --input-bg: rgba(16,20,28,.7);
  --btn-bg: rgba(16,20,28,.6);

  --imgwrap-bg: rgba(255,255,255,.03);

  /* tags */
  --tag-border: rgba(255,255,255,.12);
  --tag-bg: rgba(0,0,0,.45);
  --tag-text: #fff;

  /* accent soft */
  --accent-soft-border: rgba(232,25,44,.4);
  --accent-soft-bg: rgba(232,25,44,.1);
  --accent-soft-text: #ffccd1;

  /* dots */
  --dot-border: rgba(255,255,255,.2);
  --dot-bg: rgba(255,255,255,.08);

  /* empty */
  --empty-border: rgba(255,255,255,.1);
  --empty-bg: rgba(0,0,0,.15);

  /* dividers/scroll */
  --divider: rgba(255,255,255,.06);
  --scroll-thumb: rgba(255,255,255,.1);
  --scroll-thumb-border: rgba(255,255,255,.06);

  /* footer */
  --footer-bg: #080a0e;
  --footer-dash: rgba(255,255,255,.08);
  --icon-chip-bg: rgba(255,255,255,.04);
  --link-underline: rgba(255,255,255,.2);

  /* map */
  --map-bg: rgba(0,0,0,.3);
  --map-filter: saturate(.9) brightness(.85) contrast(1.1);
}

button, input, select, textarea, ::placeholder {
  font-family: inherit;
}