/* Clinics Digital — SEMANTIC tokens.
   Layer 2: role-based aliases pointing at primitives. DARK IS THE DEFAULT
   (dark-first brand). Light theme via [data-theme="light"] or system pref. */
:root {
  --color-bg:             #01050A;
  --color-surface:        #0E131B;
  --color-surface-raised: #1A2029;
  --color-border:         rgba(255,255,255,0.09);
  --color-border-strong:  rgba(255,255,255,0.18);

  --color-text-primary:   #F5F7FA;
  --color-text-secondary: #B4BECD;
  --color-text-muted:     #8A94A6;

  --color-primary:        #4989EE;
  --color-primary-hover:  #6BA0F2;
  --color-on-primary:     #01050A;
  --color-accent:         #6F54FC;
  --color-accent-hover:   #8E78FD;
  --color-on-accent:      #FFFFFF;

  --color-focus-ring:     rgba(73,137,238,0.55);

  --color-success: #2FD98B;
  --color-warning: #F7B733;
  --color-danger:  #FF4D6D;
  --color-info:    #4989EE;
}

[data-theme="light"] {
  --color-bg:             #FFFFFF;
  --color-surface:        #F5F7FA;
  --color-surface-raised: #FFFFFF;
  --color-border:         #D3DAE4;
  --color-border-strong:  #B4BECD;

  --color-text-primary:   #01050A;
  --color-text-secondary: #464E5E;
  --color-text-muted:     #8A94A6;

  --color-primary:        #4989EE;
  --color-primary-hover:  #2F6FD6;
  --color-on-primary:     #FFFFFF;
  --color-accent:         #6F54FC;
  --color-accent-hover:   #5A3EF0;
  --color-on-accent:      #FFFFFF;

  --color-focus-ring:     rgba(73,137,238,0.45);

  --color-success: #12A05F;
  --color-warning: #C97F0A;
  --color-danger:  #DB2B48;
  --color-info:    #2F6FD6;
}