/* ============================================================
   HRC Punjab Bar Council — Color Tokens
   ============================================================ */

:root {
  /* ---- Brand: Green (primary) ----------------------------- */
  --green-50:  #ECF6F0;
  --green-100: #D2EADD;
  --green-200: #A6D5BC;
  --green-300: #6FBA90;
  --green-400: #3C9C66;
  --green-500: #168A49;
  --green-600: #0F7B3E;  /* PRIMARY GREEN */
  --green-700: #0A6132;
  --green-800: #064E2B;  /* DARK GREEN */
  --green-900: #043B20;

  /* ---- Brand: Gold (accent) ------------------------------- */
  --gold-50:  #FBF6E6;
  --gold-100: #F5EAC2;
  --gold-200: #EBD58A;
  --gold-300: #DEBF54;
  --gold-400: #C9A227;  /* GOLD ACCENT */
  --gold-500: #AC8A1E;
  --gold-600: #8A6E16;

  /* ---- Neutral: cool slate (faint green undertone) -------- */
  --neutral-0:   #FFFFFF;
  --neutral-50:  #F7FAF8;  /* LIGHT BACKGROUND */
  --neutral-100: #EEF2F1;
  --neutral-200: #DCE3E1;
  --neutral-300: #C3CDCB;
  --neutral-400: #9AA6A4;
  --neutral-500: #6B7775;
  --neutral-600: #4A5654;
  --neutral-700: #323D3B;
  --neutral-800: #1F2933;  /* TEXT */
  --neutral-900: #131A1F;

  /* ---- Semantic status ------------------------------------ */
  --success-bg:    #ECF6F0;
  --success-fg:    #0A6132;
  --success-solid: #0F7B3E;

  --warning-bg:    #FBF6E6;
  --warning-fg:    #8A6E16;
  --warning-solid: #C9A227;

  --danger-bg:     #FBECEA;
  --danger-fg:     #9B2C20;
  --danger-solid:  #C0392B;

  --info-bg:       #E8F0F8;
  --info-fg:       #1F4E79;
  --info-solid:    #2563A8;

  /* ============================================================
     SEMANTIC ALIASES — reference these in components / kits
     ============================================================ */

  /* Brand */
  --brand-primary:        var(--green-600);
  --brand-primary-hover:  var(--green-700);
  --brand-primary-active: var(--green-800);
  --brand-dark:           var(--green-800);
  --brand-accent:         var(--gold-400);
  --brand-accent-hover:   var(--gold-500);

  /* Surfaces */
  --surface-page:    var(--neutral-50);
  --surface-card:    var(--neutral-0);
  --surface-raised:  var(--neutral-0);
  --surface-sunken:  var(--neutral-100);
  --surface-inverse: var(--green-800);
  --surface-brand:   var(--green-600);

  /* Text */
  --text-strong:   var(--neutral-900);
  --text-body:     var(--neutral-800);
  --text-muted:    var(--neutral-600);
  --text-subtle:   var(--neutral-500);
  --text-on-brand: var(--neutral-0);
  --text-on-dark:  #E7F0EA;
  --text-link:     var(--green-600);
  --text-accent:   var(--gold-600);

  /* Borders & dividers */
  --border-subtle:  var(--neutral-200);
  --border-default: var(--neutral-300);
  --border-strong:  var(--neutral-400);
  --border-brand:   var(--green-600);
  --border-accent:  var(--gold-400);

  /* Focus ring */
  --focus-ring: 0 0 0 3px rgba(15, 123, 62, 0.32);
  --focus-ring-accent: 0 0 0 3px rgba(201, 162, 39, 0.38);
}