@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Source+Serif+4:ital,opsz,wght@0,8..60,400;0,8..60,600;0,8..60,700;1,8..60,400&display=swap');

:root {
  --surface: #ffffff;
  --surface-elevated: #ffffff;
  --surface-muted: #f5f5f5;
  --surface-hover: #ebebeb;
  --surface-section: #fafafa;
  --accent: #0a0a0a;
  --accent-hover: #262626;
  --ink: #0a0a0a;
  --ink-secondary: #525252;
  --ink-muted: #737373;
  --border: rgba(0, 0, 0, 0.08);
  --border-strong: rgba(0, 0, 0, 0.12);
}

body {
  font-family: Inter, system-ui, -apple-system, 'Segoe UI', sans-serif;
}

::selection {
  background: rgba(0, 0, 0, 0.12);
  color: #0a0a0a;
}

a:not([class*='text-']) {
  color: var(--accent);
}

a:not([class*='text-']):hover {
  color: var(--accent-hover);
}

input[type='date'],
input[type='text'],
input[type='search'],
input[type='email'],
select,
textarea {
  color-scheme: light;
}

input::placeholder,
textarea::placeholder {
  color: var(--ink-muted);
}

code {
  background: var(--surface-muted);
  border: 1px solid var(--border);
  border-radius: 0.75rem;
}

/* Shared 3-column tracks: brand | centred tool tabs | account action */
.shell-toolbar-grid {
  display: grid;
  grid-template-columns: 10.5rem 1fr 11.5rem;
  align-items: center;
  column-gap: 1rem;
}

@media (min-width: 640px) {
  .shell-toolbar-grid {
    grid-template-columns: 13rem 1fr 15rem;
    column-gap: 1.5rem;
  }
}

.shell-toolbar-grid__start {
  justify-self: start;
  min-width: 0;
}

.shell-toolbar-grid__nav {
  justify-self: center;
  min-width: 0;
}

.shell-toolbar-grid__end {
  justify-self: end;
  min-width: 0;
}