Global-2026-07-13

.gitignore

@@ -129,3 +129,17 @@ data/
 llms.txt
 test.php
 .agents/
+
+# === Audit files — dev-мусор (не в git) ===
+*.audit.txt
+spacing.txt
+typography.txt
+color-tokens.txt
+selectors.txt
+*.audit.md
+dsg.txt
+colors.txt
+components.txt
+selectors.txt
+spacing.txt
+typography.txt

wp-content/themes/dekart/assets/css/main.css

@@ -6,14 +6,14 @@
    /* ════════════════════════════════════════════ */
    /* DS-система: токены (из design.txt)          */
    /* ════════════════════════════════════════════ */
-   /* PRIMARY */
+   /* PRIMARY — warm blue: trust + professionalism */
-   --color-primary:        #7C3AED;
+    --color-primary:        #2563EB;
-   --color-primary-dark:   #6D28D9;
+    --color-primary-dark:   #1D4ED8;
-   --color-primary-light:  #F5F3FF;
+    --color-primary-light:  #EFF6FF;
-   --color-primary-hover:  #D6652E;   /* CTA hover — оранж оттенок, как на /otzyvy/ */
+     --color-primary-hover:  #1E40AF;
-   /* SECONDARY */
+    /* SECONDARY — amber accent: warmth + urgency for CTA */
-   --color-secondary:      #E8753A;
+     --color-secondary:      #F59E0B;
-   --color-secondary-dark: #D6652E;
+     --color-secondary-dark: #D97706;
    /* ПОВЕРХНОСТИ */
    --color-bg:             #FFFFFF;
    --color-bg-alt:         #F8F4F0;
@@ -21,7 +21,7 @@
    /* ТЕКСТ */
    --color-text:           #0F172A;
    --color-text-muted:     #475569;
-   --color-text-light:     #94A3B8;
+   --color-text-light:     #64748B;   /* 4.5:1 on white (WCAG AA) — was #94A3B8 (2.7:1 fail) */
    --color-text-on-dark:   #FFFFFF;
    /* ГРАНИЦЫ */
    --color-border:         #E2E8F0;
@@ -29,11 +29,12 @@
    /* СТАТУСЫ */
     --color-success:        #059669;
     --color-warning:        #D97706;
+    --color-danger:         #DC2626;
     --color-rating:         #F59E0B;
    --color-accent:         #FFD43E;    /* акцентный цвет (телефон, бейджи) — как на /otzyvy/ */
-   --color-focus-ring:     rgba(124,58,237,0.40);
+    --color-focus-ring:     rgba(37,99,235,0.40);
     /* ШРИФТЫ */
-   --font-display: "Oswald", "Arial Narrow", sans-serif;
+    --font-display: "Plus Jakarta Sans", "Inter", "Oswald", sans-serif;
    --font-body:    "Inter", "Roboto", -apple-system, sans-serif;
    /* ТИПОГРАФИКА (modular scale 1.25) */
    --text-h1: 48px; --text-h2: 31px; --text-h3: 25px; --text-h4: 20px;
@@ -56,6 +57,62 @@
     /* Z-INDEX */
     --z-index-sticky: 100; --z-index-header: 200; --z-index-fixed: 300;
     --z-index-overlay: 400; --z-index-modal: 500;
+
+    /* ════════════════════════════════════════════ */
+    /* BENTO + CARD — extended design tokens       */
+    /* Merged from legacy redesign 2026 :root      */
+    /* Only UNIQUE tokens; no duplicates           */
+    /* ════════════════════════════════════════════ */
+    /* Accent purple scale (extends --color-primary) */
+    --accent-light: #F5F3FF;
+    --accent-100: #EDE9FE;
+    --accent-200: #DDD6FE;
+    --accent-500: #8B5CF6;
+    --accent-700: #5B21B6;
+    /* Green CTA palette */
+    --green-cta: #059669;
+    --green-hover: #047857;
+    --green-light: #D1FAE5;
+    /* Surface aliases */
+    --bg-soft: #F8FAFC;
+    --bg-bento-alt: #F1F5F9;
+    /* Text alias */
+    --text-tertiary: #94A3B8;
+    /* Extra shadow tier */
+    --shadow-xl: 0 20px 50px rgba(0,0,0,0.15);
+    /* Extra radius tier */
+    --radius-xl: 24px;
+    /* Card component tokens (shared lw-*) */
+    --card-radius: 20px;
+    --card-shadow: 0 2px 16px rgba(0,0,0,0.06);
+    --card-shadow-hover: 0 8px 32px rgba(0,0,0,0.1);
+
+    /* ════════════════════════════════════════════ */
+    /* PAGE-SPECIFIC COLOR TOKENS                  */
+    /* Used by podgotovka-k-shkole.css             */
+    /* ════════════════════════════════════════════ */
+    /* Slate scale */
+    --color-slate-800: #1E293B;
+    --color-slate-700: #334155;
+    --color-slate-300: #CBD5E1;
+    /* Pink scale */
+    --color-pink: #EC4899;
+    --color-pink-dark: #DB2777;
+    --color-pink-light: #F472B6;
+    /* Purple variants */
+    --color-purple-light: #C084FC;
+    /* Emerald variants */
+    --color-emerald-700: #15803D;
+    --color-emerald-800: #166534;
+    /* Green success */
+    --color-green-600: #16A34A;
+    --color-success-light: #F0FDF4;
+    /* Warm accent */
+    --color-orange: #F97316;
+    --color-teal: #14B8A6;
+    /* Indigo (timer background) */
+    --color-indigo-950: #1E1B4B;
+    --color-indigo-900: #312E81;
 }
 
 html {
@@ -104,8 +161,8 @@ html {
   overflow: hidden;
   background: var(--color-bg-dark);
   background-image:
-    radial-gradient(ellipse 80% 70% at 20% 40%, rgba(232,117,58,0.08) 0%, transparent 70%),
+    radial-gradient(ellipse 80% 70% at 20% 40%, rgba(124,58,237,0.08) 0%, transparent 70%),
-    radial-gradient(ellipse 60% 60% at 80% 60%, rgba(59,178,160,0.06) 0%, transparent 70%);
+    radial-gradient(ellipse 60% 60% at 80% 60%, rgba(168,85,247,0.06) 0%, transparent 70%);
 }
 /* Decorative accent line */
 .ds-hero::after {
@@ -118,7 +175,7 @@ html {
 .ds-hero::before {
   content: ''; position: absolute; top: -120px; right: -120px;
   width: 360px; height: 360px; border-radius: 50%;
-  background: radial-gradient(circle, rgba(232,117,58,0.06) 0%, transparent 70%);
+  background: radial-gradient(circle, rgba(124,58,237,0.06) 0%, transparent 70%);
   pointer-events: none;
 }
 .ds-hero__inner {
@@ -194,21 +251,23 @@ html {
   font-size: 13px; color: rgba(255,255,255,0.65);
 }
 /* CTA — цвет primary (фиолетовый) как на /otzyvy/ */
-.ds-hero__cta-btn {
+  .ds-hero__cta-btn {
     display: inline-flex; align-items: center; gap: 8px;
     font-family: var(--font-body); font-weight: 600;
     background: var(--color-primary); color: #fff;
     border: none; border-radius: 12px; cursor: pointer;
     text-decoration: none; padding: 16px 40px;
     font-size: 17px; width: fit-content;
-  box-shadow: 0 4px 16px rgba(232,117,58,0.35);
+    box-shadow: 0 4px 16px rgba(124,58,237,0.35);
     transition: background var(--transition-fast), transform var(--transition-fast),
               box-shadow var(--transition-fast);
-}
+    margin-top: 14px;
+    margin-bottom: 14px;
+  }
 .ds-hero__cta-btn:hover {
   background: var(--color-primary-hover);
   transform: translateY(-2px);
-  box-shadow: 0 8px 24px rgba(232,117,58,0.45);