/* ============================================================
   CUSTOMER THEME · RULMECA · Light
   Corporate colours (brand guide, do not alter):
     Red   #e30613  (Pantone 485 C)
     Black #1d1d1b  (Process Black)
     Grey  #3d4548  (Pantone 446 C — accompanying)
   Overrides ONLY design tokens; layout/typography come from site.css.
   Scoped to [data-bs-theme="light"] so it never leaks into dark mode.
   ============================================================ */

[data-bs-theme="light"] {
  /* Ink / structural */
  --ink-900: #1d1d1b;   /* headings — Rulmeca black */
  --ink-800: #262625;   /* sidebar top */
  --ink-700: #0e0e0d;   /* sidebar bottom */

  /* Brand — Rulmeca red */
  --brand: #e30613;
  --brand-600: #c10510;
  --brand-700: #9d040d;
  --brand-050: #fdecec;

  /* Secondary accent — cold grey */
  --gold: #3d4548;

  --read: #2e8b57;
  --urgent: #e30613;

  /* Cool, industrial neutrals */
  --paper: #f2f3f4;
  --paper-2: #e7e9ea;
  --surface: #ffffff;
  --line: #e0e2e4;
  --line-strong: #cfd2d5;
  --text: #232629;
  --text-muted: #6b7276;

  /* Decorative */
  --canvas-bg:
    radial-gradient(1100px 560px at 100% -10%, rgba(227, 6, 19, 0.05), transparent 60%),
    radial-gradient(900px 500px at -10% 110%, rgba(61, 69, 72, 0.05), transparent 55%);
  --sidebar-bg:
    radial-gradient(120% 60% at 50% -12%, rgba(227, 6, 19, 0.28), transparent 62%),
    linear-gradient(190deg, #262625 0%, #0e0e0d 100%);
  --rail-grad: linear-gradient(180deg, #e30613, #7a0a10);
  --avatar-grad: linear-gradient(135deg, #e30613, #3d4548);
  --accent-grad: linear-gradient(90deg, #e30613, #3d4548);
  --ring: rgba(227, 6, 19, 0.22);
  --row-hover: rgba(227, 6, 19, 0.05);
}

/* White initials read better on the red/grey avatar than the default dark ink. */
[data-bs-theme="light"] .user-avatar { color: #fff; }