/* Marence — gemeinsame Farben für marence.at und apps.marence.at
   Ein Farbton (Blau, Hue 216) in zwei Stufen: dunkler auf hell, heller auf dunkel. */

:root {
  --bg:           #f4f5f6;
  --surface:      #ffffff;
  --card:         #ffffff;
  --accent:       #2a60b2;
  --accent-hover: #235095;
  --on-accent:    #ffffff;
  --tint:         #e3e9f2;
  --text:         #181b20;
  --text-muted:   #5e646e;
  --border:       rgba(24, 27, 32, 0.1);
  --nav-bg:       rgba(244, 245, 246, 0.82);

  --shadow-sm:    0 1px 2px rgba(24, 27, 32, 0.05), 0 1px 3px rgba(24, 27, 32, 0.04);
  --shadow-md:    0 6px 24px -8px rgba(24, 27, 32, 0.14);
  --shadow-hover: 0 14px 34px -12px rgba(42, 96, 178, 0.32);
}

@media (prefers-color-scheme: dark) {
  :root {
    --bg:           #101114;
    --surface:      #14161a;
    --card:         #191b1f;
    --accent:       #7fa2d7;
    --accent-hover: #9ab6df;
    --on-accent:    #121821;
    --tint:         #1f2937;
    --text:         #eeeff1;
    --text-muted:   #9ca2ab;
    --border:       rgba(255, 255, 255, 0.09);
    --nav-bg:       rgba(16, 17, 20, 0.82);

    --shadow-sm:    0 1px 2px rgba(0, 0, 0, 0.3);
    --shadow-md:    0 6px 24px -8px rgba(0, 0, 0, 0.5);
    --shadow-hover: 0 14px 34px -12px rgba(0, 0, 0, 0.6);
  }
}