/* home.msc Design Tokens v1.1 */
/* 우리 스마트 홈 — 집에서 만든, 오래가는 */

:root {
  /* Celadon — Primärfarbe (청자) */
  --hm-cel-dd:   #1A4A44;
  --hm-cel-d:    #2A6B62;
  --hm-cel:      #3D8F84;
  --hm-cel-l:    #5BA89D;
  --hm-cel-ll:   #9ECFC7;
  --hm-cel-bg:   #E8F4F2;

  /* Basis Light Mode */
  --hm-bg:       #F2EFE8;
  --hm-surface:  #FAF8F4;
  --hm-bg-2:     #F7F5F1;
  --hm-border:   #E8E4DC;
  --hm-border-l: #C8C3B8;

  /* Text */
  --hm-text:     #16181F;
  --hm-text-2:   #474D5E;
  --hm-text-3:   #8B8F9E;

  /* Akzente */
  --hm-blue:     #3A67C8;
  --hm-blue-bg:  #EBF0FB;
  --hm-terra:    #B56B40;
  --hm-terra-bg: #F5EBE3;

  /* Dark Mode */
  --hm-dark-bg:      #111820;
  --hm-dark-surface: #1E2A3A;
  --hm-dark-border:  #243040;
  --hm-dark-text:    #EDE8DF;
  --hm-dark-text-2:  #8899BB;

  /* Korean Hints 🏠 */
  --집:    #3D8F84;   /* Zuhause → Celadon */
  --청자:  #3D8F84;   /* Celadon-Keramik */
  --옹기:  #B56B40;   /* Onggi-Keramik → Terra */
  --온기:  #E8F4F2;   /* Wärme → Celadon Tint */
  --밤:    #111820;   /* Nacht → Dark BG */
  --낮:    #F2EFE8;   /* Tag → Light BG */

  /* Radien */
  --hm-r-sm:  4px;
  --hm-r-md:  8px;
  --hm-r-lg:  12px;
  --hm-r-xl:  16px;

  /* Ressourcen-Pfade */
  --hm-bg-light: url('https://static.home.msc.wtf/images/home-msc-bg-light.png');
  --hm-bg-dark:  url('https://static.home.msc.wtf/images/home-msc-bg-dark.png');
}