/* Resource Lens design tokens. Keep this file aligned with portal/design-tokens.css. */
:root {
  --rl-font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;

  --rl-color-canvas: #0d1117;
  --rl-color-surface: #161b22;
  --rl-color-surface-elevated: #21262d;
  --rl-color-surface-subtle: #30363d;
  --rl-color-border: #30363d;
  --rl-color-border-strong: #484f58;
  --rl-color-text: #f0f3f6;
  --rl-color-text-muted: #9ba3b4;
  --rl-color-accent: #0078d4;
  --rl-color-accent-hover: #168be0;
  --rl-color-link: #4daafc;
  --rl-color-link-hover: #8fc3fe;
  --rl-color-focus: #58a6ff;
  --rl-color-on-accent: #ffffff;
  --rl-space-3: 12px;
  --rl-radius-md: 6px;
  --rl-radius-lg: 8px;
  --rl-shadow-elevated: 0 12px 32px rgba(0, 0, 0, 0.28);
  --rl-header-height: 64px;
}

:root[data-theme="light"] {
  --rl-color-canvas: #f4f6f8;
  --rl-color-surface: #ffffff;
  --rl-color-surface-elevated: #ffffff;
  --rl-color-surface-subtle: #e7ebef;
  --rl-color-border: #cbd3dc;
  --rl-color-border-strong: #aeb8c4;
  --rl-color-text: #17202b;
  --rl-color-text-muted: #596675;
  --rl-color-accent: #0078d4;
  --rl-color-accent-hover: #006cbe;
  --rl-color-link: #005fb8;
  --rl-color-link-hover: #003f78;
  --rl-color-focus: #005fb8;
  --rl-shadow-elevated: 0 12px 32px rgba(23, 32, 43, 0.16);
}

@media (max-width: 767px) {
  :root {
  }
}