/* ============================================================
   DoSome! – FARGER OG TEMA (mørkt)
   Hver ting har sin egen variabel med sin egen verdi. Endrer du
   én, påvirkes bare den ene tingen – ingenting deler farge.
   ============================================================ */
:root {
  color-scheme: dark; /* gjør datovelger, rullefelt o.l. mørke */

  /* Skrift */
  --font-main: "Bricolage Grotesque", "Segoe UI", system-ui, sans-serif;

  /* Side */
  --app-bg: #14122A;
  --app-text: #EEECFF;
  --app-text-muted: #9D99C4;

  /* Topplinje */
  --header-bg: #14122A;
  --header-text: #EEECFF;
  --brand-text: #9C87FF;
  --logo-glow-white: rgba(255, 255, 255, 0.45);
  --logo-glow-white-soft: rgba(255, 255, 255, 0.18);
  --logo-glow-green: rgba(8, 237, 161, 0.7);
  --logo-glow-green-soft: rgba(8, 237, 161, 0.35);
  --bell-icon: #D8D4FF;
  --notif-dot: #FF5C8D;

  /* Menylinje nederst */
  --tabbar-bg: #1B1936;
  --tabbar-border: #2B2850;
  --tabbar-icon: #7E7AA8;
  --tabbar-icon-active: #A895FF;

  /* Knapper */
  --btn-primary-bg: #6C4DFF;
  --btn-primary-text: #FFFFFF;
  --btn-secondary-bg: #2A2652;
  --btn-secondary-text: #D6CEFF;
  --btn-danger-bg: #3D1C2B;
  --btn-danger-text: #FF8FA8;
  --btn-ghost-text: #BDB8E6;

  /* Skjema */
  --input-bg: #1E1B3B;
  --input-border: #34305E;
  --input-focus: #8C73FF;
  --input-text: #F1EFFF;
  --skeleton-bg: #262247;
  --segmented-bg: #1B1936;
  --segmented-border: #2E2A55;
  --segmented-text: #A6A2CC;
  --segmented-divider: #3A3568;
  --segmented-active-bg: #6C4DFF;
  --segmented-active-text: #FFFFFF;
  --slider-track: #34305E;
  --slider-fill: #8C73FF;
  --stepper-bg: #1E1B3B;

  /* Kategori-knapper */
  --chip-bg: #1E1B3B;
  --chip-border: #34305E;
  --chip-text: #CFCAF2;
  --chip-active-bg: #EEECFF;
  --chip-active-text: #16142C;

  /* Aktivitetskort */
  --card-bg: #1F1C3D;
  --card-border: #2E2A55;
  --card-title: #F4F2FF;
  --card-meta: #A6A2CC;
  --distance-text: #B3A4FF;
  --price-tier-1: #5BE39A;
  --price-tier-2: #FFB86B;
  --price-tier-3: #FF7FA8;
  --group-note-bg: #2C2660;
  --group-note-text: #CFC4FF;
  --save-icon: #57537F;
  --save-icon-active: #FF5C8D;
  --link-text: #AE9CFF;

  /* Chat */
  --chat-bg: #14122A;
  --bubble-mine-bg: #6C4DFF;
  --bubble-mine-text: #FFFFFF;
  --bubble-other-bg: #25224A;
  --bubble-other-text: #EEECFF;
  --system-msg-text: #8A86B3;
  --composer-bg: #1B1936;
  --composer-border: #2B2850;
  --cancelled-text: #8E8AB5;
  --cancelled-badge-bg: #3A2440;
  --cancelled-badge-text: #FF9BB5;
  --receipt-text: #8A86B3;
  --sub-filter-bg: #1B1936;
  --verify-bg: #3D2A0B;
  --verify-border: #FFC83D;
  --map-bg: #0F0D22;
  --pin-bg: #1F1C3D;
  --pin-border: #8C73FF;
  --pin-selected-bg: #6C4DFF;
  --me-dot: #12B886;
  --me-halo: rgba(18, 184, 134, 0.25);
  --intro-bg: #211A4A;
  --intro-border: #4B3BB0;
  --open-text: #5BE39A;
  --open-soon-text: #FFB86B;
  --open-closed-text: #FF7FA8;
  --unread-dot: #FF5C8D;
  --unread-badge-bg: #FF5C8D;
  --unread-badge-text: #FFFFFF;

  /* Stemming og reaksjoner */
  --vote-bg: #2E2860;
  --vote-text: #D9D1FF;
  --vote-active-bg: #1FBF8F;
  --vote-active-text: #06231A;
  --vote-bar-track: #2E2A55;
  --vote-bar-fill: #1FBF8F;
  --reaction-bg: #26234A;
  --reaction-active-bg: #45213A;
  --reaction-active-border: #FF5C8D;

  /* Billetten (bekreftet plan) */
  --ticket-bg: #FFC83D;
  --ticket-text: #2B2100;
  --ticket-muted: #6B5410;
  --arrived-badge-bg: #11845F;
  --arrived-badge-text: #FFFFFF;
  --ticket-cancel-bg: #2B2100;
  --ticket-cancel-text: #FFC83D;

  /* AI-søk */
  --ai-box-bg: #211A4A;
  --ai-box-border: #5B45D6;
  --ai-reason-text: #C9BEFF;

  /* Tilbakemelding */
  --star-empty: #3A365F;
  --star-full: #FFC83D;

  /* Diverse */
  --toast-bg: #EEECFF;
  --toast-text: #16142C;
  --modal-backdrop: rgba(5, 4, 15, 0.7);
  --modal-bg: #1B1936;
  --avatar-bg: #332D6B;
  --avatar-text: #D6CEFF;
  --avatar-ring: #14122A;
  --image-viewer-bg: rgba(5, 4, 15, 0.94);
  --focus-ring: #FFC83D;
  --error-text: #FF8FA8;
}