/*
 * MailCue → Operations Console theme overlay.
 * Palette and Everyday Sans match ops.wolfe-dev.com.
 */
@font-face {
  font-family: "Everyday Sans";
  src: url("/theme/fonts/EverydaySans-Light-Web.woff2") format("woff2");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Everyday Sans";
  src: url("/theme/fonts/EverydaySans-Regular-Web.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Everyday Sans";
  src: url("/theme/fonts/EverydaySans-Medium-Web.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Everyday Sans";
  src: url("/theme/fonts/EverydaySans-Bold-Web.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

:root,
:host,
.dark {
  color-scheme: light;

  --font-sans:
    "Everyday Sans",
    -apple-system,
    BlinkMacSystemFont,
    sans-serif;
  --color-background: #f7f9fc;
  --color-foreground: #001e60;
  --color-card: #ffffff;
  --color-card-foreground: #001e60;
  --color-popover: #ffffff;
  --color-popover-foreground: #001e60;
  --color-primary: #0053e2;
  --color-primary-foreground: #ffffff;
  --color-secondary: #f2f2f2;
  --color-secondary-foreground: #001e60;
  --color-muted: #f2f2f2;
  --color-muted-foreground: #4f4f4f;
  --color-accent: #d6eefb;
  --color-accent-foreground: #001e60;
  --color-destructive: #ea1100;
  --color-destructive-foreground: #ffffff;
  --color-border: #d6d6d4;
  --color-input: #d6d6d4;
  --color-ring: #0053e2;
  --color-sidebar: #001e60;
  --color-sidebar-foreground: #ffffff;
  --color-sidebar-border: #16306e;
  --color-sidebar-accent: #0053e2;
  --color-sidebar-accent-foreground: #ffffff;
  --radius-sm: 0.25rem;
  --radius-md: 0.375rem;
  --radius-lg: 0.5rem;
  --radius-xl: 0.625rem;
}

html,
body,
#root {
  min-height: 100%;
}

body {
  background: #f7f9fc;
  color: #001e60;
  font-family: var(--font-sans);
  font-weight: 400;
  letter-spacing: 0.015em;
  word-spacing: 0.12em;
  font-kerning: normal;
  font-variant-ligatures: none;
  -webkit-font-smoothing: antialiased;
}

button,
input,
textarea,
select {
  font-family: inherit;
}

::-webkit-scrollbar-thumb {
  background: rgb(0 30 96 / 0.22);
}

::-webkit-scrollbar-thumb:hover {
  background: rgb(0 83 226 / 0.45);
}

button[class*="bg-primary"],
a[class*="bg-primary"] {
  font-weight: 500;
}

input:focus,
button:focus-visible,
[role="button"]:focus-visible {
  outline-color: #0053e2;
}

/*
 * MailCueLogo is compiled into the JS bundle with stock greens.
 * Recolor the same envelope geometry to the ops palette.
 */
svg[viewBox="0 0 120 100"] rect[fill="#3A7D5C"] {
  fill: #001e60;
}

svg[viewBox="0 0 120 100"] path[fill="#52A97C"] {
  fill: #0053e2;
}

svg[viewBox="0 0 120 100"] path[fill="#2B5F43"] {
  fill: #16306e;
}

svg[viewBox="0 0 120 100"] circle[fill="#7FBD8A"] {
  fill: #ffc220;
  stroke: #001e60;
}

svg[viewBox="0 0 120 100"] path[stroke="white"] {
  stroke: #001e60;
}

.bg-sidebar svg[viewBox="0 0 120 100"] rect[fill="#3A7D5C"] {
  fill: #4dbdf5;
}

.bg-sidebar svg[viewBox="0 0 120 100"] path[fill="#52A97C"] {
  fill: #0053e2;
}

.bg-sidebar svg[viewBox="0 0 120 100"] path[fill="#2B5F43"] {
  fill: #ffffff;
}