/*
  MyProof design tokens — single source of truth for every color used by the
  plugin's stylesheets. Registered as the first style dependency in
  AssetManager so badges.css, admin.css, footer-badge.css and protection.css
  only ever reference var(--…) and never repeat a literal.

  The admin palette roles follow the active WordPress admin color scheme
  through core's own custom properties where core exposes one
  (--wp-admin-theme-color*), so the plugin tracks palettes such as
  "Ectoplasme" instead of pinning the default blue.
*/

:root {
  /* WordPress admin palette */
  --myproof-accent: var(--wp-admin-theme-color, #2271b1);
  --myproof-accent-hover: var(--wp-admin-theme-color-darker-10, #135e96);
  --myproof-accent-subtle: #f0f6fc;
  --myproof-text: #1d2327;
  --myproof-muted: #50575e;
  --myproof-muted-light: #9ca3af;
  --myproof-border: #c3c4c7;
  --myproof-surface: #fff;
  --myproof-surface-subtle: #f6f7f7;

  /* Status: danger */
  --myproof-danger: #d63638;
  --myproof-danger-dark: #a02622;
  --myproof-danger-subtle: #f8d7da;
  --myproof-danger-border: #f5c6cb;
  --myproof-danger-text: #721c24;

  /* Status: success */
  --myproof-success: #008a20;
  --myproof-success-subtle: #d4edda;
  --myproof-success-border: #c3e6cb;
  --myproof-success-text: #155724;

  /* Status: warning */
  --myproof-warning: #ffb900;
  --myproof-warning-subtle: #fff3cd;
  --myproof-warning-border: #fde68a;
  --myproof-warning-text: #856404;

  /* Status: info */
  --myproof-info: #17a2b8;
  --myproof-info-subtle: #d1ecf1;
  --myproof-info-border: #bee5eb;
  --myproof-info-text: #0c5460;

  /* Status pills */
  --myproof-status-info-bg: #dbeafe;
  --myproof-status-info-border: #bfdbfe;
  --myproof-status-info-text: #2563eb;
  --myproof-indigo: #6366f1;
  --myproof-indigo-dark: #4f46e5;
  --myproof-indigo-border: #e0e7ff;

  /* Brand gradient (call-to-action cards) */
  --myproof-brand-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);

  /* Badge typography */
  --mp-font: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Arial, "Apple Color Emoji", "Segoe UI Emoji";

  /* Badge base palette (light theme) */
  --mp-bg: #fff;
  --mp-fg: #0b1320;
  --mp-muted: #5b6472;
  --mp-border: rgba(10, 20, 30, 0.08);
  --mp-badge-border: #e1e5e9;
  --mp-accent: #1f2937;
  --mp-accent-ink: #fff;
  --mp-surface: #fbfcfd;
  --mp-peach: #f3f4f6;
  --mp-ring: #c7d2fe;

  /* Dynamic logo color (can be overridden by inline styles) */
  --mp-logo-color: #002234;

  /* Badge layout & spacing */
  --mp-radius: 12px;
  --mp-radius-pill: 999px;
  --mp-shadow: 0 1px 2px rgba(0,0,0,0.06), 0 8px 24px rgba(0,0,0,0.06);
  --mp-shadow-hover: 0 2px 6px rgba(0,0,0,0.06), 0 12px 28px rgba(0,0,0,0.10);
  --mp-scale: 1;

  /* Badge properties */
  --mp-badge-gap: 10px;
  --mp-badge-pad-y: 10px;
  --mp-badge-pad-x: 12px;
  --mp-badge-font-size: 13px;
  --mp-badge-line-height: 1.2;
  --mp-logo-size: 20px;
  --mp-logo-size-sm: 18px;
  --mp-logo-size-md: 24px;
  --mp-logo-size-lg: 28px;

  /*
    LOGO-FOCUSED DESIGN:
    - MyProof logo is the primary visual element
    - No separate security indicators needed
    - Clean, flat, minimalist aesthetic
    - Logo conveys brand trust and security
  */
}