/* ===== TimeSheet Pro brand palette =====
   Rich Black #00072D · Dark Navy #051650 · Bangladesh Blue #0A2472
   Caribbean Blue #123499 · Bright accent blue #123BEA · Soft white #E4E9F7

   ALL root-level design tokens live in this one :root block (dark theme = default) and in
   :root[data-theme=light] below it, which lists ONLY what differs in the light theme. */
:root {
  color-scheme: dark;

  /* Brand palette (fixed, same in both themes) */
  --brand-dark: #051650;
  --brand-bangladesh: #0A2472;
  --brand-caribbean: #123499;
  --brand-text: #E4E9F7;
  --cosmic-bright: #123BEA;
  --cosmic-money: #4ADE80;
  --grad-cosmic: linear-gradient(135deg, #051650 0%, #123499 100%);

  /* Layout & scale */
  --u: clamp(0.053rem, 0.03125rem + 0.1282vw, 0.078rem);
  --app-max: 34rem;

  /* Accent */
  --acc: #123BEA;
  --acc-rgb: 18,59,234;
  --p: #123BEA;
  --p2: #123499;

  /* Text */
  --t: #E4E9F7;
  --tc: #E4E9F7;
  --lab: #B8C8E8;
  --m: #A8B8DA;
  --th: #9BAED4;
  --empt: #64748B;

  /* Surfaces & borders */
  --bg: #00072D;
  --s: #051650;
  --panel: #051650;
  --b: #123499;
  --in: #030D3B;
  --inb: #21449A;
  --emp: #0A2472;
  --rowb: #0A2472;
  --hdr-bg: transparent;

  /* Day status colours */
  --g: #4ADE80;
  --r: #EF4444;
  --earn: #4ADE80;
  --d0: #94A3B8;
  --dp: #8FB4FF;
  --da: #F87171;
  --dh: #FBBF24;

  /* Warning & error */
  --warn: #FBBF24;
  --errc: #F87171;
  --errbg: rgba(239, 68, 68, .149);
  --errb: rgba(239, 68, 68, .302);

  /* Gradients & shadow */
  --grad-blue: linear-gradient(105deg, #123BEA 0%, #123499 100%);
  --grad: radial-gradient(110% 50% at 50% -8%, rgba(18,59,234,.24), transparent 62%), linear-gradient(#00072D,#00072D);
  --shadow: 0 8px 24px rgba(0,7,45,.36), 0 1px 0 rgba(228,233,247,.025);
}

:root[data-theme=light] {
  color-scheme: light;

  /* Accent */
  --p: #123499;

  /* Text */
  --t: #00072D;
  --tc: #23365F;
  --lab: #33466F;
  --m: #53658A;
  --th: #53658A;

  /* Surfaces & borders */
  --bg: #EAF0FF;
  --s: #FFFFFF;
  --panel: #FFFFFF;
  --b: #D3DDF5;
  --in: #F5F7FF;
  --inb: #C9D5F1;
  --emp: #E2EAFE;
  --rowb: #E7EDFC;

  /* Day status colours */
  --earn: #0A2472;
  --d0: #64748B;
  --dp: #0A2472;
  --da: #B91C1C;
  --dh: #B45309;

  /* Warning & error */
  --warn: #B45309;
  --errc: #B91C1C;
  --errbg: rgba(239, 68, 68, .094);
  --errb: rgba(239, 68, 68, .4);

  /* Gradients & shadow */
  --grad: radial-gradient(110% 40% at 50% -8%, rgba(18,59,234,.11), transparent 62%), linear-gradient(#EAF0FF,#EAF0FF);
  --shadow: 0 6px 20px rgba(5,22,80,.09), 0 1px 2px rgba(5,22,80,.05);
}