/* Généré depuis tokens.json par build.cjs. Ne pas modifier : éditer tokens.json puis lancer node tokens/build.cjs. */
/* Fondiva — verre, ombres, lumières, grain. Les valeurs changent avec le thème. */
:root {
  --glass-fume-bg: linear-gradient(165deg, rgba(58,64,72,.55) 0%, rgba(20,23,26,.72) 100%); /* @kind color */
  --glass-fume-border: rgba(242, 244, 247, .14); /* @kind color */
  --glass-givre-bg: linear-gradient(165deg, rgba(242,244,247,.26) 0%, rgba(242,244,247,.07) 100%); /* @kind color */
  --glass-givre-border: rgba(255, 255, 255, .32); /* @kind color */
  --glass-blur: blur(22px) saturate(1.4); /* @kind other */
  --glass-edge: inset 0px 1px 0px 0px rgba(255, 255, 255, .16); /* @kind shadow */
  --shadow-float: 0px 40px 80px -24px rgba(0, 0, 0, .7);
  --shadow-pop: 0px 20px 50px 0px rgba(0, 0, 0, .5);
  --shadow-button: 0px 12px 30px 0px rgba(0, 0, 0, .4);
  --shadow-sm: 0px 1px 2px 0px rgba(0, 0, 0, .35);
  --shadow-popover: 0px 18px 44px -12px rgba(0, 0, 0, .65);
  --shadow-modal: 0px 40px 80px -24px rgba(0, 0, 0, .7);
  --shadow-sheet: 0px -20px 60px 0px rgba(0, 0, 0, .4);
  --shadow-dock: 0px -10px 30px 0px rgba(0, 0, 0, .25);

  /* Lumières : couches (base + halos) pour le composant Backdrop */
  --light-base: #0E1012; /* @kind color */
  --light-aube: radial-gradient(110% 65% at 50% 112%, #5A7FA6 0%, #2C4260 34%, rgba(31,46,66,.3) 58%, rgba(14,16,18,0) 78%), radial-gradient(45% 28% at 60% 104%, rgba(167,185,206,.6) 0%, rgba(167,185,206,0) 72%); /* @kind color */
  --light-clair-obscur: radial-gradient(80% 42% at 50% -6%, rgba(214,208,198,.62) 0%, rgba(214,208,198,.18) 40%, rgba(214,208,198,0) 70%), radial-gradient(95% 60% at 96% 108%, #F2F4F7 0%, rgba(214,208,198,.75) 18%, rgba(167,185,206,.35) 42%, rgba(14,16,18,0) 70%); /* @kind color */
  --light-houle-1: radial-gradient(60% 40% at 88% 68%, #3E5A80 0%, rgba(62,90,128,0) 70%), radial-gradient(45% 35% at 6% 72%, rgba(214,208,198,.45) 0%, rgba(214,208,198,0) 70%); /* @kind color */
  --light-houle-2: radial-gradient(95% 55% at 20% 104%, rgba(90,127,166,0) 56%, rgba(90,127,166,.6) 63%, rgba(90,127,166,0) 72%); /* @kind color */
  --light-houle-3: radial-gradient(95% 55% at 20% 104%, rgba(242,244,247,0) 60%, rgba(242,244,247,.95) 62.5%, rgba(242,244,247,0) 66%), radial-gradient(90% 50% at 100% 112%, rgba(167,185,206,0) 57%, rgba(167,185,206,.9) 60.5%, rgba(167,185,206,0) 65%); /* @kind color */

  /* Raccourcis d'arrière-plan complets (aplat + lumière) */
  --g-aube: var(--light-aube), var(--light-base); /* @kind color */
  --g-clair-obscur: var(--light-clair-obscur), var(--light-base); /* @kind color */
  --g-houle: var(--light-houle-1), var(--light-base); /* @kind color */
  --grain: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='.33 .33 .33 0 0 .33 .33 .33 0 0 .33 .33 .33 0 0 0 0 0 0 1'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"); /* @kind other */
  --grain-opacity: 0.07; /* @kind other */
}
[data-theme="light"] {
  --glass-fume-bg: linear-gradient(165deg, rgba(255,255,255,.78) 0%, rgba(255,255,255,.52) 100%); /* @kind color */
  --glass-fume-border: rgba(14, 16, 18, .08); /* @kind color */
  --glass-givre-bg: linear-gradient(165deg, rgba(255,255,255,.62) 0%, rgba(255,255,255,.28) 100%); /* @kind color */
  --glass-givre-border: rgba(255, 255, 255, .7); /* @kind color */
  --glass-edge: inset 0px 1px 0px 0px rgba(255, 255, 255, .9); /* @kind shadow */
  --shadow-float: 0px 40px 80px -30px rgba(31, 46, 66, .35);
  --shadow-pop: 0px 20px 50px 0px rgba(14, 16, 18, .16);
  --shadow-button: 0px 12px 30px 0px rgba(14, 16, 18, .2);
  --shadow-sm: 0px 1px 2px 0px rgba(14, 16, 18, .06);
  --shadow-popover: 0px 14px 36px -10px rgba(14, 16, 18, .2);
  --shadow-modal: 0px 30px 70px -20px rgba(14, 16, 18, .28);
  --shadow-sheet: 0px -20px 60px 0px rgba(14, 16, 18, .16);
  --shadow-dock: 0px -10px 30px 0px rgba(14, 16, 18, .08);
  --light-base: #F2F4F7; /* @kind color */
  --light-aube: radial-gradient(90% 60% at 100% 112%, #1F2E42 0%, #3E5A80 26%, rgba(127,157,190,.45) 50%, rgba(242,244,247,0) 74%), radial-gradient(40% 30% at 84% 100%, rgba(22,32,45,.7) 0%, rgba(22,32,45,0) 70%); /* @kind color */
  --light-clair-obscur: radial-gradient(80% 42% at 50% -6%, rgba(214,208,198,.9) 0%, rgba(214,208,198,.3) 40%, rgba(214,208,198,0) 70%), radial-gradient(95% 60% at 96% 108%, rgba(90,127,166,.55) 0%, rgba(167,185,206,.35) 30%, rgba(242,244,247,0) 70%); /* @kind color */
  --light-houle-1: radial-gradient(60% 40% at 88% 68%, rgba(90,127,166,.55) 0%, rgba(90,127,166,0) 70%), radial-gradient(45% 35% at 6% 72%, rgba(214,208,198,.8) 0%, rgba(214,208,198,0) 70%); /* @kind color */
  --light-houle-2: radial-gradient(95% 55% at 20% 104%, rgba(62,90,128,0) 56%, rgba(62,90,128,.45) 63%, rgba(62,90,128,0) 72%); /* @kind color */
  --light-houle-3: radial-gradient(95% 55% at 20% 104%, rgba(255,255,255,0) 60%, rgba(255,255,255,.95) 62.5%, rgba(255,255,255,0) 66%), radial-gradient(90% 50% at 100% 112%, rgba(90,127,166,0) 57%, rgba(90,127,166,.5) 60.5%, rgba(90,127,166,0) 65%); /* @kind color */
  --grain-opacity: 0.05; /* @kind other */
}