/*
Theme Name: Web Accessibility Scanner
Theme URI: https://accessibility.code-js.in/
Description: Block theme for the Web Accessibility Scanner website. Bold indigo→violet SaaS look, light + dark, built to WCAG 2.2 AA (contrast-checked tokens, visible focus, reduced-motion support). Child of Twenty Twenty-Five.
Author: Code-JS
Template: twentytwentyfive
Version: 1.1.0
Requires at least: 6.6
Requires PHP: 7.4
Text Domain: wascan
*/

/* Colour tokens. theme.json points its palette at these variables, so switching
   [data-theme] (or the OS preference) re-themes every block at once. Every
   text/background pair here is ≥ 4.5:1; UI outlines ≥ 3:1. */
:root {
  --w-bg: #ffffff;
  --w-surface: #f6f5ff;
  --w-surface-2: #eeecfe;
  --w-card: #ffffff;
  --w-ink: #0f172a;          /* 17.9:1 on --w-bg */
  --w-muted: #475569;        /* 7.6:1 on --w-bg */
  --w-line: #d9d6fb;
  --w-brand: #4f46e5;        /* 6.3:1 on white — links, primary buttons */
  --w-brand-ink: #3730a3;    /* hover */
  --w-violet: #7c3aed;
  --w-on-brand: #ffffff;
  --w-hero-ink: #ffffff;     /* on the dark hero gradient: ≥ 8:1 */
  --w-hero-muted: #e0e7ff;   /* ≥ 7:1 on the hero */
  --w-focus: #b45309;        /* amber-700: ≥ 3:1 on white and on --w-surface */
  --w-critical: #b91c1c;
  --w-good: #15803d;
  --w-shadow: 0 1px 2px rgb(15 23 42 / .06), 0 8px 24px -8px rgb(79 70 229 / .18);
  --w-shadow-lift: 0 2px 4px rgb(15 23 42 / .08), 0 22px 44px -12px rgb(79 70 229 / .35);
  color-scheme: light;
}

:root[data-theme="dark"] {
  --w-bg: #0b1020;
  --w-surface: #111733;
  --w-surface-2: #182046;
  --w-card: #121936;
  --w-ink: #eef2ff;          /* 16.9:1 on --w-bg */
  --w-muted: #b6bfd8;        /* 10.2:1 */
  --w-line: #2c3669;
  --w-brand: #a5b4fc;        /* 9.6:1 on --w-bg */
  --w-brand-ink: #c7d2fe;
  --w-violet: #c4b5fd;
  --w-on-brand: #0b1020;
  --w-focus: #fbbf24;        /* amber-400: ≥ 3:1 on dark surfaces */
  --w-shadow: 0 1px 2px rgb(0 0 0 / .4), 0 10px 30px -10px rgb(0 0 0 / .6);
  --w-shadow-lift: 0 2px 6px rgb(0 0 0 / .5), 0 24px 48px -12px rgb(99 102 241 / .35);
  color-scheme: dark;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --w-bg: #0b1020;
    --w-surface: #111733;
    --w-surface-2: #182046;
    --w-card: #121936;
    --w-ink: #eef2ff;
    --w-muted: #b6bfd8;
    --w-line: #2c3669;
    --w-brand: #a5b4fc;
    --w-brand-ink: #c7d2fe;
    --w-violet: #c4b5fd;
    --w-on-brand: #0b1020;
    --w-focus: #fbbf24;
    --w-shadow: 0 1px 2px rgb(0 0 0 / .4), 0 10px 30px -10px rgb(0 0 0 / .6);
    --w-shadow-lift: 0 2px 6px rgb(0 0 0 / .5), 0 24px 48px -12px rgb(99 102 241 / .35);
    color-scheme: dark;
  }
}