/* ==========================================================================
   Superfastech (SFT) branding for the Dograh dashboard
   Served by nginx at /sft-brand/brand.css and injected before </head>.
   Source of truth: SuperFastech Website Mockup (claude.ai artifact).
   Brand: blue #1A4FAF · navy #182C5E · red #DA0931 · yellow #FFCC53
   Type: Open Sans (UI) · Frank Ruhl Libre (display headings)
   ========================================================================== */

/* ---------- Light theme ---------- */
html:root {
  --radius: .5rem;

  --background: #FFFFFF;
  --foreground: #182C5E;
  --card: #FFFFFF;
  --card-foreground: #182C5E;
  --popover: #FFFFFF;
  --popover-foreground: #182C5E;

  --primary: #1A4FAF;
  --primary-foreground: #FFFFFF;
  --secondary: #EEF2F7;
  --secondary-foreground: #182C5E;
  --muted: #EEF2F7;
  --muted-foreground: #5E6A80;
  --accent: #EEF2F7;
  --accent-foreground: #182C5E;
  --destructive: #B8072A;

  --border: #DDE4EE;
  --input: #D3DBE6;
  --ring: #1A4FAF;

  --chart-1: #1A4FAF;
  --chart-2: #DA0931;
  --chart-3: #FFCC53;
  --chart-4: #182C5E;
  --chart-5: #A9B6D3;

  --sidebar: #F5F8FD;
  --sidebar-foreground: #182C5E;
  --sidebar-primary: #1A4FAF;
  --sidebar-primary-foreground: #FFFFFF;
  --sidebar-accent: #E1E9F7;
  --sidebar-accent-foreground: #182C5E;
  --sidebar-border: #DDE4EE;
  --sidebar-ring: #1A4FAF;

  /* Dograh uses --cta for highlights such as the active sidebar item.
     SFT's call to action is its blue, not Dograh's amber. */
  --cta: #1A4FAF;
  --cta-foreground: #FFFFFF;

  --brand-imprint: none;
}

/* ---------- Dark theme (SFT navy) ---------- */
html:root.dark,
.dark.dark {
  --background: #0B1530;
  --foreground: #EEF2F7;
  --card: #122046;
  --card-foreground: #EEF2F7;
  --popover: #122046;
  --popover-foreground: #EEF2F7;

  --primary: #5B8DEF;
  --primary-foreground: #0B1530;
  --secondary: #1B2D5C;
  --secondary-foreground: #EEF2F7;
  --muted: #1B2D5C;
  --muted-foreground: #A9B6D3;
  --accent: #1B2D5C;
  --accent-foreground: #EEF2F7;
  --destructive: #F2556F;

  --border: rgba(169, 182, 211, .16);
  --input: rgba(169, 182, 211, .24);
  --ring: #5B8DEF;

  --chart-1: #5B8DEF;
  --chart-2: #F2556F;
  --chart-3: #FFCC53;
  --chart-4: #A9B6D3;
  --chart-5: #7FD1AE;

  --sidebar: #081026;
  --sidebar-foreground: #EEF2F7;
  --sidebar-primary: #5B8DEF;
  --sidebar-primary-foreground: #0B1530;
  --sidebar-accent: #16264F;
  --sidebar-accent-foreground: #FFFFFF;
  --sidebar-border: rgba(169, 182, 211, .14);
  --sidebar-ring: #5B8DEF;

  --cta: #5B8DEF;
  --cta-foreground: #0B1530;

  --brand-imprint: none;
}

/* ---------- App background (was warm off-white / warm charcoal) ---------- */
.app-surface { background-color: #F6F8FC; background-image: none; }
.dark .app-surface { background-color: #0B1530; }
.auth-imprint { background-image: none; }

/* Docked sidebar: Dograh hard-codes a warm charcoal here instead of using
   the theme's --sidebar colour. */
.app-sidebar-dock [data-slot="sidebar-inner"],
.dark .app-sidebar-dock [data-slot="sidebar-inner"] { background-color: var(--sidebar) !important; }

/* ---------- Typography ---------- */
html body {
  --font-geist-sans: "Open Sans", system-ui, -apple-system, "Segoe UI", sans-serif !important;
  font-family: "Open Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
}
h1 {
  font-family: "Frank Ruhl Libre", Georgia, serif;
  font-weight: 500;
  letter-spacing: -.01em;
}

/* ---------- Login page side panel ----------
   Dograh ships a black marketing panel with an amber glow and an
   "Enterprise Enquiry" card that leads to Dograh sales. Recolour it to SFT
   blue and hide the glow and the sales card. */
aside[class*="bg-zinc-950"] {
  background: #1A4FAF !important;
  border-left-color: transparent !important;
}
aside[class*="bg-zinc-950"] > div[class*="blur-3xl"],
aside[class*="bg-zinc-950"] > div[class*="bg-white/[0.03]"] { display: none !important; }
aside[class*="bg-zinc-950"] h1 { color: #FFFFFF; }

/* Dograh community links in the top bar (Slack, GitHub star) */
a[href*="join.slack.com/t/dograh"],
a[href*="github.com/dograh-hq"] { display: none !important; }

/* ---------- Logo sizing ----------
   Dograh's wordmark is 4:1; SFT's stacked logo is ~2.3:1, so scale it up
   about 1.5x to keep similar visual weight. */
img[src="/dograh-logo.png"].h-7,
img[src="/dograh-logo-inverse.png"].h-7 { height: 42px !important; }
img[src="/dograh-logo.png"].h-8,
img[src="/dograh-logo-inverse.png"].h-8 { height: 48px !important; }
img[src="/dograh-logo.png"][class*="h-[20px]"],
img[src="/dograh-logo-inverse.png"][class*="h-[20px]"] { height: 30px !important; }