/* Hatchery — Color tokens
   Source: Hatchery Brand Guidelines v1.0, "Color" (p.34) + Product Lockups (p.32) */

:root {
  /* ---- Core palette (named exactly as the brand guide) ---- */
  --color-deep-green: #233C36; /* primary brand ground */
  --color-juniper:    #2B4A44; /* elevated green surface */
  --color-jade:       #315C52; /* mid green, accents on dark */
  --color-mint:       #C7DCCD; /* pale green surface / tint */
  --color-volt:       #DEFF5A; /* signature electric accent */
  --color-lime:       #CDF765; /* wordmark lime (softer volt) */
  --color-maroon:     #800039; /* deep contrast accent */
  --color-sunset:     #FF835B; /* warm coral accent */
  --color-linen:      #F3ECDA; /* warm paper ground */
  --color-warm-white: #F7F3EB; /* lightest ground */
  --color-stone:      #A49674; /* muted tan neutral */
  --color-charcoal:   #232323; /* near-black */
  --color-white:      #FFFFFF;
  --color-black:      #000000;

  /* ---- Green ramp (derived from core greens for UI depth) ---- */
  --green-900: #1A2D29;
  --green-800: #233C36;
  --green-700: #2B4A44;
  --green-600: #315C52;
  --green-500: #3E7367;
  --green-300: #8FB3A6;
  --green-200: #C7DCCD;
  --green-100: #E2EEE7;

  /* ---- Semantic: surfaces ---- */
  --surface-page:      var(--color-warm-white);
  --surface-page-alt:  var(--color-linen);
  --surface-card:      var(--color-white);
  --surface-inverse:   var(--color-deep-green);
  --surface-inverse-2: var(--color-juniper);
  --surface-tint:      var(--color-mint);

  /* ---- Semantic: text ---- */
  --text-primary:   var(--color-deep-green);
  --text-secondary: #4C6259;
  --text-muted:     #7A8C84;
  --text-on-dark:   var(--color-warm-white);
  --text-on-dark-muted: #A9C0B7;
  --text-accent:    var(--color-volt);

  /* ---- Semantic: interactive ---- */
  --accent:            var(--color-volt);
  --accent-ink:        var(--color-deep-green); /* text on volt */
  --accent-hover:      #CDF765;
  --accent-press:      #BEE93F;
  --link:              var(--color-deep-green);
  --link-hover:        #315C52;

  /* ---- Semantic: borders ---- */
  --border-subtle:  rgba(35,60,54,0.12);
  --border-default: rgba(35,60,54,0.22);
  --border-strong:  var(--color-deep-green);
  --border-on-dark: rgba(247,243,235,0.18);

  /* ---- Semantic: status ---- */
  --status-success: #315C52;
  --status-warning: #FF835B;
  --status-danger:  #800039;
  --status-info:    #315C52;

  /* ---- Product accents ---- */
  --product-plus-bg: var(--color-deep-green);  --product-plus-fg: var(--color-volt);
  --product-digital-bg: var(--color-mint);     --product-digital-fg: var(--color-deep-green);
  --product-analytics-bg: var(--color-volt);   --product-analytics-fg: var(--color-deep-green);
  --product-core-bg: var(--color-maroon);      --product-core-fg: var(--color-sunset);
}