/* GoPoTa shop — цвета (светлая и тёмная тема), шрифты, отступы и стили текста. Источник: tokens.json */
:root, [data-theme="light"] {
  --surface: #ffffff;
  --surface-soft: #f5f6fb;
  --surface-raised: #ffffff;
  --feature: #1d2140;
  --feature-soft: rgba(255,255,255,0.12);
  --line: #e3e5ef;
  --line-strong: #b9bdd3;
  --ink: #1d2140;
  --ink-2: #6b7090;
  --ink-3: #9a9eb8;
  --action: #1d2140;
  --on-action: #ffffff;
  --on-feature: #ffffff;
  --on-feature-2: #b9bdd3;
  --rainbow-green: #2fb38a;
  --rainbow-orange: #f08a24;
  --rainbow-red: #e9524a;
  --rainbow-purple: #7b5cd6;
  --rainbow-blue: #3b8fe0;
  --rainbow-yellow: #f5c142;
  --on-rainbow: #ffffff;
  --on-yellow: #1d2140;
  --green-soft: #dff4ec;
  --green-ink: #16704f;
  --orange-soft: #fde9d4;
  --orange-ink: #b25a07;
  --red-soft: #fce5e3;
  --red-ink: #b1342c;
  --purple-soft: #e9e2fb;
  --purple-ink: #5435ad;
  --blue-soft: #e2eefb;
  --blue-ink: #1e5fa8;
  --yellow-soft: #fff8e5;
  --success: var(--rainbow-green);
  --warning: var(--rainbow-yellow);
  --danger: var(--rainbow-red);
  --focus: var(--rainbow-blue);
  --product-chatgpt: var(--rainbow-green);
  --product-claude: var(--rainbow-orange);
  --glass: rgba(255,255,255,0.72);
  --scrim: rgba(29,33,64,0.32);
  --shadow-float: 0 12px 32px #1d21401f, 0 2px 6px #1d214012;
  --shadow-lift: 0 10px 28px #1d214017;
  --focus-ring: 0 0 0 2px #ffffff, 0 0 0 4px #3b8fe0;
}
[data-theme="dark"] {
  --surface: #0f1122;
  --surface-soft: #171a31;
  --surface-raised: #1d2140;
  --feature: #262b55;
  --feature-soft: rgba(255,255,255,0.12);
  --line: #2c3054;
  --line-strong: #4a4f78;
  --ink: #f2f3fa;
  --ink-2: #a9aecb;
  --ink-3: #8a8fb0;
  --action: #f2f3fa;
  --on-action: #1d2140;
  --on-feature: #ffffff;
  --on-feature-2: #b9bdd3;
  --rainbow-green: #3cc596;
  --rainbow-orange: #f59a3e;
  --rainbow-red: #f0675f;
  --rainbow-purple: #9177e3;
  --rainbow-blue: #55a1ec;
  --rainbow-yellow: #f7cb5a;
  --on-rainbow: #0f1122;
  --on-yellow: #1d2140;
  --green-soft: #12302a;
  --green-ink: #7fddb9;
  --orange-soft: #3a2716;
  --orange-ink: #f7b26b;
  --red-soft: #3b1c1e;
  --red-ink: #f7a39d;
  --purple-soft: #2a2452;
  --purple-ink: #c2b1f7;
  --blue-soft: #15283f;
  --blue-ink: #93c3f5;
  --yellow-soft: #2f2915;
  --success: var(--rainbow-green);
  --warning: var(--rainbow-yellow);
  --danger: var(--rainbow-red);
  --focus: var(--rainbow-blue);
  --product-chatgpt: var(--rainbow-green);
  --product-claude: var(--rainbow-orange);
  --glass: rgba(23,26,49,0.72);
  --scrim: rgba(0,0,0,0.55);
  --shadow-float: 0 16px 40px #000000a6, 0 2px 6px #00000066;
  --shadow-lift: 0 10px 28px #00000080;
  --focus-ring: 0 0 0 2px #0f1122, 0 0 0 4px #55a1ec;
}
:root {
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --radius-badge: 8px;
  --radius-control: 14px;
  --radius-card: 18px;
  --radius-sheet: 28px;
  --radius-full: 9999px;
  --opacity-disabled: 0.4;
  --blur-glass: 20px;
  --blur-key: 7px;
  --font-sans: Manrope, Inter, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;
}
.display { font-family: var(--font-sans); font-size: 34px; line-height: 40px; font-weight: 800; letter-spacing: -0.02em; }
.title { font-family: var(--font-sans); font-size: 28px; line-height: 34px; font-weight: 800; letter-spacing: -0.015em; }
.headline { font-family: var(--font-sans); font-size: 22px; line-height: 28px; font-weight: 800; letter-spacing: -0.01em; }
.section { font-family: var(--font-sans); font-size: 15px; line-height: 20px; font-weight: 800; letter-spacing: 0.04em; }
.price { font-family: var(--font-sans); font-size: 30px; line-height: 34px; font-weight: 800; letter-spacing: -0.01em; }
.body { font-family: var(--font-sans); font-size: 16px; line-height: 24px; font-weight: 400; }
.body-strong { font-family: var(--font-sans); font-size: 16px; line-height: 24px; font-weight: 700; }
.callout { font-family: var(--font-sans); font-size: 15px; line-height: 22px; font-weight: 500; }
.footnote { font-family: var(--font-sans); font-size: 13px; line-height: 18px; font-weight: 500; }
.label { font-family: var(--font-sans); font-size: 11px; line-height: 14px; font-weight: 700; letter-spacing: 0.08em; }
.button { font-family: var(--font-sans); font-size: 16px; line-height: 20px; font-weight: 700; letter-spacing: -0.005em; }
.key { font-family: var(--font-mono); font-size: 17px; line-height: 24px; font-weight: 600; letter-spacing: 0.04em; }
a.gp-card, a.gp-btn, a.gp-tab, a.gp-contact { text-decoration: none; }
a.gp-card { color: var(--ink); }
a.gp-card.gp-card--feature { color: var(--on-feature); }