/**
 * VARIABLES — design tokens
 * All colours, spacing, and theme values live here.
 * Never hardcode these values in component or page CSS.
 *
 * Cannalyze brand: data-tech premium, neural intelligence aesthetic.
 * Primary gradient: #00C853 → #00E5FF → #2962FF → #7B1FA2
 */

:root {
  /* Backgrounds — dark to light */
  --ink:    #020905;
  --deep:   #040C06;
  --forest: #081408;
  --panel:  #0C1C0E;
  --card:   #101E12;

  /* Borders */
  --border:  #1C3220;
  --border2: #284430;

  /* Green accent (primary) */
  --em:  #00C853;
  --em2: #00A844;
  --em3: #005E20;

  /* Gold accent */
  --gold:  #C9A84C;
  --gold2: #E8C76A;
  --gold3: #FFE080;

  /* Cool accents */
  --teal:   #00E5CC;
  --cyan:   #00D4FF;
  --violet: #8040E8;
  --lav:    #B39DDB;

  /* Warm / alert accents */
  --amber: #FF9500;
  --rose:  #F48FB1;
  --sky:   #4FC3F7;
  --coral: #E05252;

  /* Brand mark */
  --logo-canna-gold:  #E7C76D;
  --logo-canna-green: #7DD06F;
  --logo-canna-teal:  #39BCA7;
  --logo-lyze-cyan:   #6AE7FF;
  --logo-lyze-blue:   #7AB9FF;
  --logo-lyze-violet: #8B63FF;
  --logo-sep-green:   rgba(104, 221, 166, 0.66);
  --logo-sep-teal:    rgba(43, 198, 211, 0.72);
  --logo-leaf-left-hi:   #9BE36F;
  --logo-leaf-left-mid:  #49C96C;
  --logo-leaf-left-low:  #0F4B22;
  --logo-leaf-right-hi:  #1D7F67;
  --logo-leaf-right-mid: #0C3E2E;
  --logo-leaf-right-low: #071912;
  --logo-vein-mint:   #82FFF0;
  --logo-vein-cyan:   #21D4FF;
  --logo-vein-violet: #8B63FF;
  --logo-node-mint:   #86FFF1;
  --logo-node-cyan:   #25D6FF;
  --logo-node-violet: #8A61FF;
  --logo-left-vein:   rgba(125, 215, 145, 0.24);
  --logo-shadow:      rgba(0, 0, 0, 0.24);
  --logo-glow:        rgba(73, 201, 108, 0.18);

  /* Text hierarchy */
  --white:  #EDF7EE;
  --silver: #7A9E82;
  --muted:  #3D5A43;
}