/* ==========================================================================
   brand.css — Bagiswori Secondary School skin.

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

:root {
  --brand:       #e0483b;
  --brand-dark:  #b8281d;
  --brand-deep:  #7d1a12;
  --brand-soft:  #fdeceb;
  --brand-fg:    #ffffff;

  /* money / secondary action */
  --accent:      #1e40af;
  --accent-dark: #16308a;
  --accent-soft: #eaf1fc;

  --canvas: #f5f5fa;

  --grad-brand:  linear-gradient(165deg, #e0483b, #b8281d 78%);
  --grad-accent: linear-gradient(135deg, #1e40af, #3157d6);
  --grad-deep:   linear-gradient(185deg, #b8281d, #7d1a12);
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --brand:      #f2695c;
    --brand-dark: #e0483b;
    --brand-deep: #17202f;
    --brand-soft: #33191a;
    --accent:     #6f8ff5;
    --accent-soft:#161f3a;
    --canvas:     #0c111c;
    --grad-brand: linear-gradient(165deg, #c53a2e, #8d1f16 78%);
    --grad-accent:linear-gradient(135deg, #24408f, #3c5fc4);
  }
}
:root[data-theme="dark"] {
  --brand:      #f2695c;
  --brand-dark: #e0483b;
  --brand-deep: #17202f;
  --brand-soft: #33191a;
  --accent:     #6f8ff5;
  --accent-soft:#161f3a;
  --canvas:     #0c111c;
  --grad-brand: linear-gradient(165deg, #c53a2e, #8d1f16 78%);
  --grad-accent:linear-gradient(135deg, #24408f, #3c5fc4);
}