:root {
  /* Core brand */
  --easyfile-blue: #2563eb;
  --easyfile-blue-strong: #1d4ed8;
  --easyfile-sky: #349cf4;
  --easyfile-blue-soft: #dbeafe;

  /* Light interface */
  --easyfile-bg: #f3f4f6;
  --easyfile-surface: #ffffff;
  --easyfile-text: #111827;
  --easyfile-muted: #4b5563;
  --easyfile-border: #e5e7eb;

  /* Status */
  --easyfile-success: #16a34a;
  --easyfile-warning: #d97706;
  --easyfile-danger: #dc2626;
  --easyfile-info: #0891b2;

  /* Shape and depth */
  --easyfile-radius-sm: 0.5rem;
  --easyfile-radius-md: 0.75rem;
  --easyfile-radius-lg: 1rem;
  --easyfile-radius-xl: 1.5rem;
  --easyfile-shadow: 0 18px 50px rgba(15, 23, 42, 0.08);
  --easyfile-focus-ring: 0 0 0 4px rgba(37, 99, 235, 0.22);

  /* Typography */
  --easyfile-font: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
}

.dark,
[data-theme="dark"] {
  --easyfile-bg: #0b1220;
  --easyfile-surface: #0f172a;
  --easyfile-text: #e5e7eb;
  --easyfile-muted: #94a3b8;
  --easyfile-border: rgba(148, 163, 184, 0.18);
  --easyfile-blue: #60a5fa;
  --easyfile-blue-strong: #93c5fd;
  --easyfile-shadow: 0 20px 55px rgba(2, 6, 23, 0.42);
  --easyfile-focus-ring: 0 0 0 4px rgba(96, 165, 250, 0.20);
}

.easyfile-brand-logo {
  display: block;
  width: 2.5rem;
  height: 2.5rem;
  object-fit: contain;
  border-radius: var(--easyfile-radius-md);
}

.easyfile-brand-lockup {
  display: inline-flex;
  align-items: center;
  gap: 0.625rem;
  color: inherit;
  font-family: var(--easyfile-font);
  font-weight: 800;
  text-decoration: none;
}

.easyfile-focusable:focus-visible {
  outline: none;
  box-shadow: var(--easyfile-focus-ring);
}