/*
Theme Name: Nota.Lawyer
Theme URI: https://nota.lawyer
Author: Nota Lawyer PLLC
Author URI: https://nota.lawyer
Description: Custom theme for Nota.Lawyer — a New York legal services firm offering AI-prepared documents with licensed attorney review. Marketing surface for 27 service products across copyright, business formation, estate planning, tax, immigration, consumer protection, veterans benefits, and bankruptcy. Includes baked-in compliance plumbing (BAPCPA, NY attorney advertising, VA fee restrictions).
Version: 1.0.0
Tested up to: 6.6
Requires PHP: 8.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: nota-lawyer
Tags: custom-menu, custom-logo, custom-colors, featured-images, block-styles, wide-blocks, accessibility-ready, threaded-comments
*/

/* Base styles live in assets/css/nota.css (loaded via inc/enqueue.php).
   This style.css exists for theme metadata + critical above-the-fold CSS only. */

:root {
  --color-primary: #1a4fcc;
  --color-primary-hover: #133da3;
  --color-accent: #cc8d10;
  --color-text: #1a1d22;
  --color-text-muted: #4a5060;
  --color-surface: #f4f5f7;
  --color-surface-warm: #fef9ed;
  --color-border: #d0d4dc;
  --color-error: #b3261e;
  --color-success: #1b6e2b;

  --font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-serif: Georgia, "Times New Roman", serif;
  --font-mono: ui-monospace, "Cascadia Code", Menlo, Consolas, monospace;

  --size-1: 4px;
  --size-2: 8px;
  --size-3: 12px;
  --size-4: 16px;
  --size-5: 24px;
  --size-6: 32px;
  --size-7: 48px;
  --size-8: 64px;

  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;
}

@media (prefers-color-scheme: dark) {
  :root {
    --color-text: #e6e8ee;
    --color-text-muted: #97a0b0;
    --color-surface: #15181d;
    --color-surface-warm: #2a2010;
    --color-border: #2a2f38;
  }
}

/* Critical reset + above-the-fold only — full styles in nota.css */
*, *::before, *::after { box-sizing: border-box; }
html { font-size: 100%; -webkit-text-size-adjust: 100%; }
body {
  margin: 0;
  font-family: var(--font-sans);
  font-size: 16px;
  line-height: 1.6;
  color: var(--color-text);
  background: #ffffff;
}
a { color: var(--color-primary); }
a:hover, a:focus-visible { color: var(--color-primary-hover); }
.skip-link {
  position: absolute;
  left: -9999px;
  top: 1rem;
  background: var(--color-primary);
  color: #fff;
  padding: var(--size-3) var(--size-4);
  border-radius: var(--radius-md);
  z-index: 9999;
}
.skip-link:focus { left: 1rem; }