/* DeepinGEO shared design tokens (src/components/portal/tokens.ts is the TS source of truth).
   Loaded before styles-landing.css (public product site) and styles-portal.css (customer
   workspace / operations console) so both skins share the same --dg-* custom properties. */
:root {
  --dg-primary: #1677FF;
  --dg-primary-hover: #4096FF;
  --dg-primary-active: #0958D9;
  --dg-primary-soft: #E6F4FF;
  --dg-ink: #0A0A0A;
  --dg-body: #404040;
  --dg-muted: #6E6E6E;
  --dg-faint: #9E9E9E;
  --dg-line: #EAEAEA;
  --dg-surface: #F5F5F5;
  --dg-wash: #FAFAFA;
  --dg-card: #FFFFFF;
  --dg-success: #2F9E6E;
  --dg-success-soft: #EAF7F0;
  --dg-font: -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", sans-serif;
  --dg-radius-card: 12px;
  --dg-radius-control: 8px;
  --dg-shadow-card: 0 1px 2px rgba(0, 0, 0, 0.04);
  --dg-shadow-card-hover: 0 6px 16px rgba(0, 0, 0, 0.06);
  --dg-max: 1080px;
}
* { box-sizing: border-box; }
[hidden] { display: none !important; }
:focus-visible { outline: 3px solid #9bb8ff; outline-offset: 3px; }
::selection { background: #dce7ff; }