/*
Theme Name: Отписка v2
Theme URI: https://example.com
Author: Custom Dev
Description: SEO-оптимизированная тема для сайта об отписке от платных сервисов и подборов займов. Версия 3.0.
Version: 4.1.0
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 8.0
License: GPL-2.0-or-later
Text Domain: otpiska
*/

:root {
  --text-xs:   clamp(0.75rem,  0.7rem  + 0.25vw, 0.875rem);
  --text-sm:   clamp(0.875rem, 0.8rem  + 0.35vw, 1rem);
  --text-base: clamp(1rem,     0.95rem + 0.25vw, 1.125rem);
  --text-lg:   clamp(1.125rem, 1rem    + 0.75vw, 1.5rem);
  --text-xl:   clamp(1.5rem,   1.2rem  + 1.25vw, 2.25rem);
  --text-2xl:  clamp(2rem,     1.2rem  + 2.5vw,  3.5rem);

  --space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;
  --space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;
  --space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;

  --color-bg:#f5f7fb;
  --color-surface:#ffffff;
  --color-surface-2:#f9fafc;
  --color-surface-offset:#eef1f7;
  --color-surface-offset-2:#e5e9f2;
  --color-divider:#d5dae8;
  --color-border:#c8cedf;

  --color-text:#1a2340;
  --color-text-muted:#5a6582;
  --color-text-faint:#9aa3bc;
  --color-text-inverse:#ffffff;

  --color-primary:#0055a5;
  --color-primary-hover:#003d7a;
  --color-primary-light:#e8f0fb;
  --color-primary-highlight:#ccdff5;

  --color-accent:#1a6ff5;
  --color-accent-hover:#0f5cd4;

  --color-success:#1a8a5c;
  --color-success-light:#e0f5ec;
  --color-warning:#e07a10;
  --color-warning-light:#fff3e0;
  --color-error:#c0392b;
  --color-error-light:#fdecea;

  --radius-sm:0.375rem;--radius-md:0.5rem;--radius-lg:0.75rem;
  --radius-xl:1rem;--radius-2xl:1.5rem;--radius-full:9999px;

  --transition:180ms cubic-bezier(0.16,1,0.3,1);

  --shadow-xs:0 1px 2px rgba(26,35,64,.06);
  --shadow-sm:0 1px 4px rgba(26,35,64,.07),0 2px 8px rgba(26,35,64,.04);
  --shadow-md:0 4px 12px rgba(26,35,64,.09),0 2px 4px rgba(26,35,64,.06);
  --shadow-lg:0 12px 32px rgba(26,35,64,.12),0 4px 8px rgba(26,35,64,.06);

  --content-wide:1200px;
  --content-default:960px;
  --content-narrow:640px;

  --font-display:'Montserrat','Arial',sans-serif;
  --font-body:'Inter','Arial',sans-serif;
}