/* RestarFleet app redesign: shared palette for desktop, staff app and buyer portal.
   Night / day follow the device unless html[data-rf-theme] is set; the company preset sets --rf-accent. */
:root {
  --rf-font: 'Readex Pro', 'IBM Plex Sans Arabic', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --rf-mono: 'JetBrains Mono', ui-monospace, Menlo, Consolas, monospace;
  --rf-node: #FF7A00; --rf-node-ring: #F8FAFC;
  --rf-side: #06120F; --rf-side-2: #0B1D18; --rf-side-text: #BCD2C9; --rf-side-muted: #6F9186; --rf-side-line: rgba(174, 238, 214, .09);
  --rf-accent: #46E2C3; --rf-accent-hover: #70F3D9; --rf-accent-ink: #04120E;
}
/* Company colour presets (Administration → Themes) */
:root[data-tenant-theme="light"] { --rf-accent: #5AA9FF; --rf-accent-hover: #86C0FF; --rf-accent-ink: #04111F; }
:root[data-tenant-theme="bold"]  { --rf-accent: #FF6B6B; --rf-accent-hover: #FF8E8E; --rf-accent-ink: #1A0505; }

/* Day */
:root, :root[data-rf-theme="day"] {
  --rf-bg: #F3F8F6; --rf-panel: #FFFFFF; --rf-panel-2: #F6FAF8; --rf-raise: #EAF3EF;
  --rf-line: rgba(9, 43, 64, .09); --rf-line-2: rgba(9, 43, 64, .17);
  --rf-head: #092B40; --rf-text: #24423A; --rf-soft: #4E6B62; --rf-muted: #587268;
  --rf-link: color-mix(in srgb, var(--rf-accent) 45%, #062E27);
  --rf-green: #15803D; --rf-blue: #2563EB; --rf-mint: #0E8F7C; --rf-red: #DC2626; --rf-amber: #B45309; --rf-purple: #7C3AED; --rf-teal: #0F766E; --rf-grey: #64748B;
  --rf-shadow: 0 1px 2px rgba(9, 43, 64, .05); --rf-shadow-lg: 0 24px 60px -24px rgba(9, 43, 64, .35);
  --rf-dim: rgba(9, 43, 64, .38);
  color-scheme: light;
}
/* Night */
@media (prefers-color-scheme: dark) {
  :root:not([data-rf-theme="day"]) {
    --rf-bg: #06120F; --rf-panel: #0B1D18; --rf-panel-2: #0F2620; --rf-raise: #133029;
    --rf-line: rgba(174, 238, 214, .10); --rf-line-2: rgba(174, 238, 214, .20);
    --rf-head: #F3FAF7; --rf-text: #D6E7E0; --rf-soft: #A8C3B9; --rf-muted: #7E9E92;
    --rf-link: var(--rf-accent);
    --rf-green: #4ADE80; --rf-blue: #60A5FA; --rf-mint: #46E2C3; --rf-red: #F87171; --rf-amber: #FBBF24; --rf-purple: #B39DFA; --rf-teal: #2DD4BF; --rf-grey: #94A3B8;
    --rf-shadow: 0 1px 2px rgba(0, 0, 0, .3); --rf-shadow-lg: 0 40px 90px -30px rgba(0, 0, 0, .85);
    --rf-dim: rgba(2, 8, 6, .62);
    color-scheme: dark;
  }
}
:root[data-rf-theme="night"] {
  --rf-bg: #06120F; --rf-panel: #0B1D18; --rf-panel-2: #0F2620; --rf-raise: #133029;
  --rf-line: rgba(174, 238, 214, .10); --rf-line-2: rgba(174, 238, 214, .20);
  --rf-head: #F3FAF7; --rf-text: #D6E7E0; --rf-soft: #A8C3B9; --rf-muted: #7E9E92;
  --rf-link: var(--rf-accent);
  --rf-green: #4ADE80; --rf-blue: #60A5FA; --rf-mint: #46E2C3; --rf-red: #F87171; --rf-amber: #FBBF24; --rf-purple: #B39DFA; --rf-teal: #2DD4BF; --rf-grey: #94A3B8;
  --rf-shadow: 0 1px 2px rgba(0, 0, 0, .3); --rf-shadow-lg: 0 40px 90px -30px rgba(0, 0, 0, .85);
  --rf-dim: rgba(2, 8, 6, .62);
  color-scheme: dark;
}


/* A company's own colour (set by restarfleet-app-theme.js): links use the computed readable shade */
:root[data-rf-accent="custom"] { --rf-link: var(--rf-custom-link-day); }
@media (prefers-color-scheme: dark) { :root[data-rf-accent="custom"]:not([data-rf-theme="day"]) { --rf-link: var(--rf-custom-link-night); } }
:root[data-rf-accent="custom"][data-rf-theme="night"] { --rf-link: var(--rf-custom-link-night); }

/* Text on solid status colours */
:root { --rf-on-status: #FFFFFF; }
:root[data-rf-theme="night"] { --rf-on-status: #06120F; }
@media (prefers-color-scheme: dark) { :root:not([data-rf-theme="day"]) { --rf-on-status: #06120F; } }

/* Older browsers without color-mix() (iOS < 16.2, Chrome/WebView < 111) drop every tinted colour and fall
   back to the apps' original light tints. Night text on those light tints would be unreadable, so these
   browsers always get the day palette (fixed values, no color-mix) and no night/day switch. */
@supports not (color: color-mix(in srgb, #000 50%, #fff)) {
  :root, :root[data-rf-theme], :root:not([data-rf-theme="day"]) {
    --rf-bg: #F3F8F6; --rf-panel: #FFFFFF; --rf-panel-2: #F6FAF8; --rf-raise: #EAF3EF;
    --rf-line: rgba(9, 43, 64, .09); --rf-line-2: rgba(9, 43, 64, .17);
    --rf-head: #092B40; --rf-text: #24423A; --rf-soft: #4E6B62; --rf-muted: #587268; --rf-link: #0B6B58;
    --rf-green: #15803D; --rf-blue: #2563EB; --rf-mint: #0E8F7C; --rf-red: #DC2626; --rf-amber: #B45309; --rf-purple: #7C3AED; --rf-teal: #0F766E; --rf-grey: #64748B;
    --rf-on-status: #FFFFFF; --rf-dim: rgba(9, 43, 64, .38);
    color-scheme: light;
  }
  :root[data-rf-accent="custom"] { --rf-link: var(--rf-custom-link-day); }
  .rf-mode { display: none !important; }
}

/* Printing always uses the day palette on white paper, whatever the screen mode */
@media print {
  :root, :root[data-rf-theme], :root:not([data-rf-theme="day"]) {
    --rf-bg: #FFFFFF; --rf-panel: #FFFFFF; --rf-panel-2: #F6FAF8; --rf-raise: #EAF3EF;
    --rf-line: rgba(9, 43, 64, .12); --rf-line-2: rgba(9, 43, 64, .2);
    --rf-head: #092B40; --rf-text: #24423A; --rf-soft: #4E6B62; --rf-muted: #587268; --rf-link: #0B6B58;
    --rf-green: #15803D; --rf-blue: #2563EB; --rf-mint: #0E8F7C; --rf-red: #DC2626; --rf-amber: #B45309; --rf-purple: #7C3AED; --rf-teal: #0F766E; --rf-grey: #64748B;
    --rf-on-status: #FFFFFF; color-scheme: light;
  }
}