/* ====================================================================
   Pinaka design tokens — canonical --pk-* variables.
   Shared visual language across all Pinaka Infra apps.
   Light + calm, navy ink, teal accent. No webfonts (system stack).
   ==================================================================== */

:root {
  /* Ink / text */
  --pk-text:        #0F172A;   /* navy — primary text (≥ 12:1 on white) */
  --pk-text-muted:  #5B6677;   /* muted labels (≥ 4.7:1 on white)       */

  /* Surfaces */
  --pk-bg:          #F8FAFC;   /* page background           */
  --pk-bg-tint:     #EEF2F7;   /* subtle header band tint   */
  --pk-card:        #FFFFFF;   /* card surface              */
  --pk-border:      #E2E8F0;   /* hairline borders          */

  /* Accent (teal) */
  --pk-accent:      #10B981;
  --pk-accent-dark: #047857;   /* Hindi labels (≥ 5:1 on white) */
  --pk-accent-soft: #E7F8F1;   /* soft teal pill background     */
  --pk-accent-grad: linear-gradient(135deg, #10B981 0%, #059669 100%);

  /* Status dots */
  --pk-up:    #16A34A;
  --pk-slow:  #D97706;
  --pk-down:  #DC2626;
  --pk-grey:  #94A3B8;

  /* Shape & depth */
  --pk-radius:    16px;
  --pk-radius-sm: 12px;
  --pk-shadow:    0 1px 2px rgba(15,23,42,.06), 0 8px 24px rgba(15,23,42,.06);
  --pk-shadow-sm: 0 1px 2px rgba(15,23,42,.07);

  /* Type — system fonts only, no blocking webfont request */
  --pk-font: "Segoe UI", system-ui, -apple-system, "Noto Sans",
             "Noto Sans Devanagari", Roboto, Helvetica, Arial, sans-serif;
  font-synthesis: none;
}