/* ── THEME-SYLABKA.CSS ── */
:root {
  --primary:       #4A55A2;
  --primary-light: #eef0fa;
  --accent:        #29B6E8;
  --highlight:     #C8D929;
  --highlight-text:#3a4a00;
  --white:         #ffffff;
  --bg:            #f7f9ff;
  --text:          #1e2030;
  --muted:         #5a6080;
  --footer-bg:     #2d3561;

  --nav-shadow:    rgba(41,182,232,0.10);
  --card-border:   rgba(74,85,162,0.12);
  --card-shadow:   rgba(74,85,162,0.12);
  --ic-primary:    #eef0fa;
  --ic-accent:     #e6f7fd;
  --ic-highlight:  #f5f9d1;

  --hero-bubble1:  rgba(41,182,232,0.13);
  --hero-bubble2:  rgba(200,217,41,0.10);
}