/* Mintech corporate identity — shared design tokens & base components */

@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");

:root {
  /* Brand */
  --mintech-orange: #f2a122;
  --mintech-orange-hover: #e09010;
  --mintech-orange-soft: rgba(242, 161, 34, 0.14);
  --mintech-orange-muted: #c4841a;
  --mintech-black: #0a0a0a;
  --mintech-charcoal: #141414;
  --mintech-charcoal-2: #1c1c1c;

  /* Surfaces (light content + dark chrome) */
  --bg: #f0f0f0;
  --bg-accent: #e8e8e8;
  --surface: #ffffff;
  --surface-2: #fafafa;
  --border: #dddddd;
  --border-strong: #c8c8c8;
  --text: #0a0a0a;
  --muted: #5c5c5c;

  /* Semantic (mapped to brand) */
  --accent: var(--mintech-orange);
  --accent-hover: var(--mintech-orange-hover);
  --accent-soft: var(--mintech-orange-soft);
  --accent-muted: var(--mintech-orange-muted);

  --user-bg: rgba(242, 161, 34, 0.12);
  --bot-bg: #ffffff;

  --sidebar-bg: var(--surface);
  --sidebar-text: var(--text);
  --sidebar-muted: var(--muted);
  --sidebar-border: var(--border);
  --sidebar-accent-soft: var(--accent-soft);

  --danger: #c62828;
  --danger-soft: #ffebee;

  --shadow: 0 8px 28px rgba(10, 10, 10, 0.08);
  --radius: 14px;
  --radius-sm: 10px;
  --prose-code-bg: #eeeeee;

  --font-sans: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

* {
  box-sizing: border-box;
}

body {
  font-family: var(--font-sans);
  color: var(--text);
}

a {
  color: var(--accent);
}

a:hover {
  color: var(--accent-hover);
}

/* Brand bar (logo + product title) */
.brand-bar {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 4px;
}

.brand-bar img {
  height: 36px;
  width: auto;
  display: block;
}

.sidebar-brand img {
  height: 32px;
}

.brand-product {
  font-size: 0.72rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: var(--muted);
  margin: 0 0 6px;
}

.header-link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 0.88rem;
  font-weight: 600;
  color: var(--accent);
  text-decoration: none;
}

.header-link:hover {
  color: var(--accent-hover);
  text-decoration: underline;
}