/* ============================================================
   RARE GENETICS — COLOR TOKENS
   Brand: black + acid spring-green, graffiti streetwear energy.
   ============================================================ */

:root {
  /* —— Core brand —— */
  --rg-black: #000000;          /* primary brand surface + ink */
  --rg-white: #ffffff;
  --rg-green: #00ff7f;          /* signature acid green (canonical) */
  --rg-green-bright: #00ff75;   /* announcement-bar text green */
  --rg-green-deep: #00ff5d;     /* slightly deeper variant */
  --rg-green-chartreuse: #58ff00;/* loud lime accent */

  /* —— Green tints (soft fills, success states) —— */
  --rg-green-100: #e3ffe3;
  --rg-green-200: #b3ffb9;
  --rg-green-300: #a0ff9e;
  --rg-green-400: #6eff86;

  /* —— Neutrals (warm-free grayscale) —— */
  --rg-gray-900: #1a1a1a;
  --rg-gray-800: #3d3d3d;
  --rg-gray-700: #5c5c5c;
  --rg-gray-600: #8f8f8f;       /* muted body / meta text */
  --rg-gray-500: #999999;
  --rg-gray-400: #bababa;
  --rg-gray-300: #d9d9d9;       /* hairline borders */
  --rg-gray-200: #e3e3e3;
  --rg-gray-150: #ededed;       /* chip / pill fill */
  --rg-gray-100: #f3f3f3;       /* page-section tint */

  /* —— Strain / category accents (from product label chips) —— */
  --rg-indica: #004dff;         /* blue label */
  --rg-hybrid: #e30000;         /* red label */
  --rg-sativa: #f9ff00;         /* yellow label */
  --rg-orange: #ffa200;
  --rg-magenta: #dd1aff;
  --rg-red-bright: #ff2e14;

  /* —— Alpha utilities —— */
  --rg-black-65: rgba(0,0,0,0.655);
  --rg-black-37: rgba(0,0,0,0.37);
  --rg-black-16: rgba(0,0,0,0.16);
  --rg-black-06: rgba(0,0,0,0.06);
  --rg-white-50: rgba(255,255,255,0.5);
  --rg-white-40: rgba(255,255,255,0.4);
  --rg-white-30: rgba(255,255,255,0.3);

  /* ============================================================
     SEMANTIC ALIASES — reach for these in components
     ============================================================ */
  --surface-page: var(--rg-white);
  --surface-ink: var(--rg-black);          /* inverted/dark sections */
  --surface-card: var(--rg-white);
  --surface-muted: var(--rg-gray-100);
  --surface-chip: var(--rg-gray-150);

  --text-primary: var(--rg-black);
  --text-on-dark: var(--rg-white);
  --text-muted: var(--rg-gray-600);
  --text-meta: var(--rg-gray-700);
  --text-accent: var(--rg-green-bright);   /* green text on black */

  --border-hairline: var(--rg-gray-300);
  --border-strong: var(--rg-black);

  --accent: var(--rg-green);
  --accent-ink: var(--rg-black);           /* text that sits on green */
  --focus-ring: var(--rg-green);
}