/* ==========================================================================
   Sangati Medika - brand tokens
   Single source of truth for colour in the web interface.
   Values mirror config/brand.php; change them there and here together.

   Role model:
     green  -> identity + navigation chrome + status "success"
     orange -> primary actions (darkened so white label text clears AA)
     yellow -> warnings only
   ========================================================================== */

:root {
  /* Logo colours, exactly as sampled from the master artwork */
  --brand-orange: #F5852E;
  --brand-yellow: #FEC302;
  --brand-green:  #01A04D;

  /* Chrome: navigation shell */
  --brand-chrome:        #0D1F17;
  --brand-chrome-hover:  #163023;
  --brand-chrome-border: rgba(255, 255, 255, .08);
  --brand-chrome-text:   rgba(255, 255, 255, .85);
  --brand-chrome-text-strong: #FFFFFF;

  /* Identity accents */
  --brand-header: #0B5C31;   /* 8.1:1 on white text */
  --brand-accent: #01A04D;   /* borders, rules, highlights - not for text bg */
  --brand-accent-soft: #E6F5EC;

  /* Primary action */
  --brand-action:       #BE4F1A;  /* 4.9:1 with white text */
  --brand-action-hover: #9A3F14;
  --brand-action-rgb:   190, 79, 26;
  --brand-action-soft:  #FDF0E6;

  /* Status semantics */
  --brand-success:      #03823E;  /* 4.9:1 with white text */
  --brand-success-soft: #E6F5EC;
  --brand-warning:      #FEC302;  /* 13:1 with dark text */
  --brand-warning-ink:  #4A3B00;
  --brand-warning-soft: #FFF7DE;
  --brand-danger:       #C62828;
  --brand-danger-soft:  #FBEAEA;
  --brand-info:         #0e7490;
  --brand-info-soft:    #e4f1f5;

  /* Neutrals */
  --brand-ink:     #1B2420;
  --brand-muted:   #6B7A73;
  --brand-line:    #E2E8E4;
  --brand-surface: #FFFFFF;
  --brand-shell:   #F5F7F6;
}

/* --------------------------------------------------------------------------
   Topbar brand lockup: the mark stays an image, the clinic name is live text
   so it renders sharp on every display and can be translated or restyled.
   -------------------------------------------------------------------------- */
.navbar-brand .brand-mark {
  height: 34px;
  width: auto;
  display: inline-block;
  vertical-align: middle;
}

.navbar-brand .brand-wordmark {
  display: inline-block;
  vertical-align: middle;
  margin-left: .55rem;
  font-size: 1.05rem;
  font-weight: 600;
  letter-spacing: -.01em;
  line-height: 1;
  color: var(--brand-chrome-text-strong);
  white-space: nowrap;
}