/* Wevvy Minimal - global design override for OpenCode web UI (oc.agentdomains.co) */
/* Tokens from the uploaded Wevvy Minimal design: primary #0071e3, secondary #0066cc, ink #1d1d1f, surface #f5f5f7, border #e5e7eb, muted #6e6e73, error #d92d20, SF Pro Text/Display, pill buttons, 4px cards, flat (no shadows). */
:root,
html[data-color-scheme="light"],
html[data-color-scheme="dark"],
html[data-theme] {
  color-scheme: light !important;
  --v2-background-bg-base: #ffffff !important;
  --v2-background-bg-deep: #f5f5f7 !important;
  --v2-background-bg-layer-01: #ffffff !important;
  --v2-background-bg-layer-02: #f5f5f7 !important;
  --v2-background-bg-layer-03: #ffffff !important;
  --v2-background-bg-layer-04: #f5f5f7 !important;
  --v2-background-bg-accent: #0071e3 !important;
  --v2-background-bg-button-neutral: #f5f5f7 !important;
  --v2-background-bg-contrast: #1d1d1f !important;
  --v2-background-bg-inverse: #1d1d1f !important;
  --v2-background-bg-icon-button-contrast: #0071e3 !important;
  --v2-text-text-base: #1d1d1f !important;
  --v2-text-text-contrast: #ffffff !important;
  --v2-text-text-inverse: #ffffff !important;
  --v2-text-text-muted: #6e6e73 !important;
  --v2-text-text-faint: #6e6e73 !important;
  --v2-text-text-accent: #0066cc !important;
  --v2-text-text-accent-hover: #0071e3 !important;
  --v2-border-border-base: #e5e7eb !important;
  --v2-border-border-weak: #e5e7eb !important;
  --v2-border-border-muted: #e5e7eb !important;
  --v2-border-border-strong: #d1d5db !important;
  --v2-border-border-focus: #0071e3 !important;
  --v2-icon-icon-base: #1d1d1f !important;
  --v2-icon-icon-muted: #6e6e73 !important;
  --v2-icon-icon-faint: #6e6e73 !important;
  --v2-icon-icon-accent: #0071e3 !important;
  --v2-icon-icon-contrast: #ffffff !important;
  --v2-blue-100: #e8f1fd !important;
  --v2-blue-500: #0071e3 !important;
  --v2-blue-600: #0071e3 !important;
  --v2-blue-700: #0066cc !important;
  --v2-blue-800: #0066cc !important;
  --v2-grey-50: #ffffff !important;
  --v2-grey-100: #f5f5f7 !important;
  --v2-grey-200: #e5e7eb !important;
  --v2-grey-300: #e5e7eb !important;
  --v2-grey-400: #d1d5db !important;
  --v2-grey-500: #6e6e73 !important;
  --v2-grey-600: #6e6e73 !important;
  --v2-grey-700: #1d1d1f !important;
  --v2-grey-800: #1d1d1f !important;
  --v2-grey-900: #1d1d1f !important;
  --v2-state-fg-danger: #d92d20 !important;
  --v2-state-bg-danger: #fef2f2 !important;
  --v2-state-border-danger: #d92d20 !important;
  --v2-font-family-sans: "SF Pro Text", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
  --v2-font-family-code: ui-monospace, SFMono-Regular, Menlo, monospace !important;
  --radius-sm: 4px !important;
  --radius-md: 8px !important;
  --radius-lg: 12px !important;
  --radius-xl: 24px !important;
  --v2-elevation-button-contrast: none !important;
  --v2-elevation-button-neutral: none !important;
  --v2-elevation-elements: none !important;
  --v2-elevation-floating: none !important;
  --v2-elevation-overlay: none !important;
  --v2-elevation-raised: none !important;
}
html { background-color: #ffffff !important; }
body {
  background-color: #ffffff !important;
  color: #1d1d1f !important;
  font-family: "SF Pro Text", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
}
/* Pill primary buttons (44px, Wevvy Minimal button-primary), flat, no shadows */
[data-component="button-v2"] {
  border-radius: 9999px !important;
  box-shadow: none !important;
  min-height: 44px;
}
[data-component="button-v2"][data-variant="submit"],
[data-component="button-v2"][data-variant="primary"] {
  background-color: #0071e3 !important;
  background-image: none !important;
  color: #ffffff !important;
}
[data-component="button-v2"][data-variant="submit"]:hover,
[data-component="button-v2"][data-variant="primary"]:hover {
  background-color: #0066cc !important;
  background-image: none !important;
}
/* Cards / surfaces: white, 1px light border, 4px radius, flat */
[data-component="card"],
[data-slot="card"] {
  border-radius: 4px !important;
  box-shadow: none !important;
}