/* ===========================================================================
   THEME: germany  (graphite / slate — matches the charcoal brand imagery)
   ---------------------------------------------------------------------------
   Serious, editorial look distinct from calendarpeek (indigo) and takvimce
   (red). The brand gradient mirrors the near-black→gray OG/favicon.
   =========================================================================== */
:root {
  /* Brand */
  --brand:        #334155;
  --brand-600:    #1e293b;
  --brand-700:    #0f172a;
  --brand-soft:   #eef1f5;
  --brand-grad:   linear-gradient(135deg, #111111 0%, #334155 55%, #505050 100%);

  /* Surfaces & text */
  --bg:           #f6f7fb;
  --surface:      #ffffff;
  --surface-2:    #f9fafb;
  --ink:          #1f2430;
  --ink-soft:     #5b6472;
  --muted:        #8a93a3;
  --border:       #e7e9ef;
  --border-strong:#d6dae3;

  /* Category colors (text + tint background) */
  --federal:      #dc2626;  --federal-bg:    #fdecec;
  --observance:   #b45309;  --observance-bg: #fdf3e2;
  --religious:    #047857;  --religious-bg:  #e3f6ee;
  --season:       #0369a1;  --season-bg:     #e4f1fb;

  /* Weekend & today */
  --weekend:      #d11f4a;
  --today:        var(--brand);
  --today-bg:     var(--brand-soft);

  /* Shape & depth */
  --radius:       16px;
  --radius-sm:    10px;
  --radius-pill:  999px;
  --shadow-sm:    0 1px 2px rgba(20,24,40,.06), 0 1px 3px rgba(20,24,40,.05);
  --shadow:       0 6px 18px -6px rgba(24,30,60,.18), 0 2px 6px rgba(24,30,60,.06);
  --shadow-lg:    0 24px 48px -16px rgba(24,30,60,.30);
  --ring:         0 0 0 3px rgba(51,65,85,.35);

  /* Typography */
  --font:         "Inter", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
}