/*
 * Reva Social — Design Tokens
 *
 * The single source of truth for the brand palette. Every other Reva
 * stylesheet is registered with this file as a dependency, so it
 * loads once, first, and its variables are available everywhere.
 *
 * Before this file existed the same nine colours were redeclared in
 * eight separate blocks under five different prefixes (--reva-*,
 * --reva-c-*, --ra-*, --rhs-*, plus a second --reva-* block in
 * tickets-commerce.css). Changing the brand teal meant editing eight
 * places and hoping none were missed. Change it once here now.
 *
 * Declared on :root rather than a component class so the values are
 * also reachable from plugin markup we don't wrap (Tickets Commerce,
 * Community Events), which is what the --tec-* overrides in
 * tickets-commerce.css and community.css rely on.
 */

:root {
  /* Brand */
  --reva-coral:        #39B7CE; /* primary brand colour (teal, despite the name — kept for compatibility with existing rules) */
  --reva-coral-dark:   #2A93A6;
  --reva-coral-soft:   #EAF8FB;
  --reva-pink:         #e16cdd;

  /* Text */
  --reva-ink:          #202D2C;
  --reva-ink-soft:     #53615F;
  --reva-muted:        #7D8885;

  /* Surfaces */
  --reva-line:         #E3E5E1;
  --reva-line-soft:    #E7E9E8;
  --reva-bg:           #F7F9F8;
  --reva-white:        #ffffff;

  /* Status */
  --reva-success:      #2A8F5E;
  --reva-success-soft: #E7F6EE;
  --reva-error:        #C4453B;
  --reva-error-soft:   #FBEAE8;

  /* Shape */
  --reva-radius:       12px;
}