/* [project]/apps/mercato/src/styles/brand.css [app-client] (css) */
:root {
  --td-primary: #3b5bdb;
  --td-primary-light: #e8edfa;
  --td-primary-hover: #3451c7;
  --td-primary-rgb: 59, 91, 219;
  --td-ink: #0f1117;
  --td-canvas: #f8f9fa;
  --td-surface: #fff;
  --td-text-primary: #0f1117;
  --td-text-secondary: #374151;
  --td-text-muted: #6b7280;
  --td-border: #e5e7eb;
  --td-border-hover: #d1d5db;
  --td-success: #2b8a3e;
  --td-success-bg: #2b8a3e1a;
  --td-warning: #e67700;
  --td-warning-bg: #e677001a;
  --td-danger: #c92a2a;
  --td-danger-bg: #c92a2a1a;
  --td-font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --td-tracking-logo: .08em;
  --td-tracking-tight: -.02em;
  --td-radius-sm: 6px;
  --td-radius-md: 8px;
  --td-radius-lg: 12px;
  --td-radius-full: 9999px;
  --primary: #1447e6;
  --primary-foreground: #fafafa;
  --ring: #1447e6;
  --sidebar-primary: #1447e6;
  --sidebar-primary-foreground: #fafafa;
  --sidebar-accent: #e8edfa;
  --sidebar-accent-foreground: #3b5bdb;
}

@supports (color: lab(0% 0 0)) {
  :root {
    --primary: lab(36.9089% 35.0961 -85.6872);
    --primary-foreground: lab(98.26% 0 0);
    --ring: lab(36.9089% 35.0961 -85.6872);
    --sidebar-primary: lab(36.9089% 35.0961 -85.6872);
    --sidebar-primary-foreground: lab(98.26% 0 0);
  }
}

.dark {
  --primary: #3080ff;
  --primary-foreground: #0a0a0a;
  --ring: #3080ff;
  --sidebar-primary: #3080ff;
  --sidebar-primary-foreground: #0a0a0a;
  --sidebar-accent: #3b5bdb26;
  --sidebar-accent-foreground: #3080ff;
}

@supports (color: lab(0% 0 0)) {
  .dark {
    --primary: lab(54.1736% 13.3369 -74.6839);
    --primary-foreground: lab(2.75381% 0 0);
    --ring: lab(54.1736% 13.3369 -74.6839);
    --sidebar-primary: lab(54.1736% 13.3369 -74.6839);
    --sidebar-primary-foreground: lab(2.75381% 0 0);
    --sidebar-accent-foreground: lab(54.1736% 13.3369 -74.6839);
  }
}

a[href="/backend"] > .text-m.font-semibold {
  align-items: center;
  display: flex;
  font-size: 0 !important;
}

a[href="/backend"] > .text-m.font-semibold:before {
  content: "TRANSFER";
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--foreground);
  font-size: 13px;
  font-weight: 700;
}

a[href="/backend"] > .text-m.font-semibold:after {
  content: "DESK";
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--td-primary);
  font-size: 13px;
  font-weight: 700;
}

aside a[href="/backend"] .font-semibold {
  align-items: center;
  display: flex;
  font-size: 0 !important;
}

aside a[href="/backend"] .font-semibold:before {
  content: "TRANSFER";
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--foreground);
  font-size: 13px;
  font-weight: 700;
}

aside a[href="/backend"] .font-semibold:after {
  content: "DESK";
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--td-primary);
  font-size: 13px;
  font-weight: 700;
}

nav[data-testid="sidebar"] > div > button[aria-expanded], aside > div > button.mt-auto, aside > div > div > button.mt-auto, footer.border-t nav {
  display: none !important;
}

table, .tabular-nums {
  font-variant-numeric: tabular-nums;
}