/* ==========================================================================
   brand.css — Bhaktapur Multiple Campus skin.

   Only brand hues live here. Every component in the shared library reads
   these, so this one file is the whole visual identity: a TU-affiliated navy
   blue for the institution, and a separate orange reserved for money, so a
   fee balance never gets confused with a brand surface.
   ========================================================================== */

:root {
  --brand:       #2563c9;
  --brand-dark:  #164593;
  --brand-deep:  #0d2b5e;
  --brand-soft:  #eaf2fd;
  --brand-fg:    #ffffff;

  /* money / secondary action */
  --accent:      #e2711d;
  --accent-dark: #c85a10;
  --accent-soft: #fdf0e4;

  --canvas: #f4f7fc;

  --grad-brand:  linear-gradient(160deg, #3f8ae4, #1f5ec2 90%);
  --grad-accent: linear-gradient(135deg, #e2711d, #c85a10);
  --grad-deep:   linear-gradient(185deg, #164593, #0d2b5e);
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --brand:      #6fa8f5;
    --brand-dark: #3f8ae4;
    --brand-deep: #101c2e;
    --brand-soft: #132a4a;
    --accent:     #f0954f;
    --accent-soft:#33210f;
    --canvas:     #0a1220;
    --grad-brand: linear-gradient(160deg, #2f6cbb, #163f7f 90%);
    --grad-accent:linear-gradient(135deg, #b9560f, #8c3f0a);
  }
}
:root[data-theme="dark"] {
  --brand:      #6fa8f5;
  --brand-dark: #3f8ae4;
  --brand-deep: #101c2e;
  --brand-soft: #132a4a;
  --accent:     #f0954f;
  --accent-soft:#33210f;
  --canvas:     #0a1220;
  --grad-brand: linear-gradient(160deg, #2f6cbb, #163f7f 90%);
  --grad-accent:linear-gradient(135deg, #b9560f, #8c3f0a);
}