Színpaletta

:root {
  --kf-red-dark:   #B3122F;
  --kf-red:        #E63946;
  --kf-white-soft: #FFF5F5;
  --kf-white:      #F8FAF8;
  --kf-green-soft: #7FB77E;
  --kf-green:      #1F7A4D;
  --kf-green-dark: #163A2F;
  --kf-graphite:   #2A2A2A;
  --kf-black:      #050505;
  --kf-surface:    #0d0d0d;
  --kf-surface-2:  #141414;
  --kf-border:     rgba(255, 255, 255, .08);
  --kf-text:       #cfcfcf;
  --kf-text-muted: #888888;
}

html[data-theme="light"] {
  --kf-surface:    #ffffff;
  --kf-surface-2:  #eeeeef;
  --kf-border:     rgba(0, 0, 0, 0.09);
  --kf-text:       #2d2d2d;
  --kf-text-muted: #6b6b6b;
  --kf-white:      #111111;
  --kf-white-soft: #f9f9f9;
  --kf-graphite:   #e5e5e5;
  --kf-black:      #f6f6f8;
}

/* Dark mód */
html {
  background:
    radial-gradient(circle at 20% 10%, rgba(230, 57, 70, 0.22), transparent 34%),
    radial-gradient(circle at 80% 80%, rgba(31, 122, 77, 0.26), transparent 36%),
    linear-gradient(160deg, #000 0%, #0a0a0a 45%, #0d1f17 100%);
  background-attachment: fixed;
}