/* Action 语义变量：组件外观优先交给 Arco，这里只保留跨组件 token。 */

:root {
  --action-primary: var(--color-primary-6, #1890ff);
  --action-primary-hover: var(--color-primary-5, #40a9ff);
  --action-primary-active: var(--color-primary-7, #096dd9);
  --action-success: var(--color-success-6, #52c41a);
  --action-warning: var(--color-warning-6, #faad14);
  --action-error: var(--color-danger-6, #f5222d);
  --action-danger: var(--action-error);

  --action-text: var(--dp-text-primary, var(--color-text-1, #262626));
  --action-text-secondary: var(--dp-text-secondary, var(--color-text-2, #595959));
  --action-text-disabled: var(--dp-text-tertiary, var(--color-text-4, #bfbfbf));
  --action-text-primary: var(--action-text);
  --action-text-muted: var(--action-text-secondary);

  --action-border: var(--dp-border-subtle, var(--color-border-2, #d9d9d9));
  --action-border-hover: var(--action-primary-hover);
  --action-border-subtle: var(--action-border);

  --action-background: var(--dp-bg-surface, var(--color-bg-2, #ffffff));
  --action-background-light: var(--dp-bg-surface-muted, var(--color-fill-2, #fafafa));
  --action-background-disabled: var(--color-fill-1, #f5f5f5);
  --action-surface: var(--action-background);
  --action-surface-muted: var(--action-background-light);
  --action-surface-elevated: var(--color-bg-3, var(--action-background));

  --action-qr-bg: #fff;
  --action-webview-page-bg: #fff;

  --action-error-bg: rgba(245, 34, 45, 0.08);
  --action-error-border: rgba(245, 34, 45, 0.24);
  --action-success-bg: rgba(82, 196, 26, 0.08);
  --action-success-border: rgba(82, 196, 26, 0.24);
  --action-help-bg: rgba(24, 144, 255, 0.08);
  --action-help-border: rgba(24, 144, 255, 0.24);

  --action-color-primary: var(--action-primary);
  --action-color-primary-light: var(--action-primary-hover);
  --action-color-primary-dark: var(--action-primary-active);
  --action-color-primary-rgb: 24, 144, 255;
  --action-color-secondary: var(--action-text-secondary);
  --action-color-secondary-rgb: 108, 117, 125;
  --action-color-success: var(--action-success);
  --action-color-warning: var(--action-warning);
  --action-color-warning-rgb: 250, 173, 20;
  --action-color-error: var(--action-error);
  --action-color-danger: var(--action-error);
  --action-color-danger-rgb: 245, 34, 45;
  --action-color-text: var(--action-text);
  --action-color-text-secondary: var(--action-text-secondary);
  --action-color-text-disabled: var(--action-text-disabled);
  --action-color-border: var(--action-border);
  --action-color-border-hover: var(--action-border-hover);
  --action-color-bg: var(--action-background);
  --action-color-bg-light: var(--action-background-light);
  --action-color-bg-secondary: var(--action-background-light);
  --action-color-bg-disabled: var(--action-background-disabled);

  --action-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  --action-shadow-hover: 0 4px 12px rgba(0, 0, 0, 0.15);
  --action-shadow-active: 0 0 0 2px rgba(24, 144, 255, 0.2);
  --action-shadow-small: 0 1px 3px rgba(0, 0, 0, 0.12);
  --action-shadow-medium: 0 4px 6px rgba(0, 0, 0, 0.1);
  --action-shadow-large: 0 10px 25px rgba(0, 0, 0, 0.15);
  --action-shadow-xl: 0 20px 40px rgba(0, 0, 0, 0.2);
}

body[arco-theme='dark'],
[data-theme='dark'],
body[data-theme='dark'] {
  --action-primary: var(--color-primary-6);
  --action-primary-hover: var(--color-primary-5);
  --action-primary-active: var(--color-primary-7);
  --action-success: var(--color-success-6);
  --action-warning: var(--color-warning-6);
  --action-error: var(--color-danger-6);
  --action-danger: var(--action-error);

  --action-text: var(--dp-text-primary, var(--color-text-1));
  --action-text-secondary: var(--dp-text-secondary, var(--color-text-2));
  --action-text-disabled: var(--dp-text-tertiary, var(--color-text-4));
  --action-border: var(--dp-border-subtle, var(--color-border-2));
  --action-border-hover: var(--color-primary-5);
  --action-background: var(--dp-bg-surface, var(--color-bg-2));
  --action-background-light: var(--dp-bg-surface-muted, var(--color-fill-2));
  --action-background-disabled: var(--color-fill-1);
  --action-surface: var(--action-background);
  --action-surface-muted: var(--action-background-light);
  --action-surface-elevated: var(--color-bg-3, var(--action-background));

  --action-error-bg: rgba(245, 63, 63, 0.14);
  --action-error-border: rgba(245, 63, 63, 0.32);
  --action-success-bg: rgba(0, 180, 42, 0.14);
  --action-success-border: rgba(0, 180, 42, 0.32);
  --action-help-bg: rgba(22, 93, 255, 0.14);
  --action-help-border: rgba(22, 93, 255, 0.32);

  --action-shadow: 0 2px 8px rgba(0, 0, 0, 0.35);
  --action-shadow-hover: 0 4px 12px rgba(0, 0, 0, 0.45);
  --action-shadow-small: 0 1px 3px rgba(0, 0, 0, 0.28);
  --action-shadow-medium: 0 4px 6px rgba(0, 0, 0, 0.32);
  --action-shadow-large: 0 10px 25px rgba(0, 0, 0, 0.42);
  --action-shadow-xl: 0 20px 40px rgba(0, 0, 0, 0.48);
}