/*
Theme Name: Kora
Theme URI: https://korascan.com
Author: Kora Team
Author URI: https://korascan.com
Description: Lightweight block theme for an AI-powered pentesting product.
Version: 1.0.1
Requires at least: 6.4
Tested up to: 6.7
Requires PHP: 8.1
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: kora
Tags: full-site-editing, block-patterns, wide-blocks, one-column, cybersecurity, saas
*/

/* ============================================================
   0. DESIGN TOKENS — CSS Custom Properties
   ============================================================ */
:root {
  /* Brand palette */
  --kora-primary: #16a34a;
  --kora-primary-dark: #065f46;
  --kora-primary-light: #6ee7b7;
  --kora-bg: #ffffff;
  --kora-bg-subtle: #f3f4f6;
  --kora-border-subtle: #e5e7eb;
  --kora-text-main: #020617;
  --kora-text-muted: #6b7280;
  --kora-text-on-primary: #f9fafb;

  /* Spacing scale */
  --kora-space-xs: 0.5rem; /*  8px */
  --kora-space-sm: 1rem; /* 16px */
  --kora-space-md: 1.75rem; /* 28px */
  --kora-space-lg: 3rem; /* 48px */
  --kora-space-xl: 5rem; /* 80px */
  --kora-space-2xl: 7.5rem; /* 120px */

  /* Layout */
  --kora-content-width: 720px;
  --kora-wide-width: 1200px;
  --kora-gutter: clamp(1rem, 4vw, 2rem);

  /* Typography */
  --kora-font-body:
    -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial,
    sans-serif;
  --kora-font-mono:
    ui-monospace, "SFMono-Regular", "Cascadia Code", Menlo, monospace;

  /* Radius & shadows */
  --kora-radius-sm: 6px;
  --kora-radius-md: 10px;
  --kora-radius-lg: 16px;
  --kora-shadow-sm:
    0 1px 3px rgba(2, 6, 23, 0.08), 0 1px 2px rgba(2, 6, 23, 0.06);
  --kora-shadow-md: 0 4px 16px rgba(2, 6, 23, 0.1);
  --kora-shadow-lg: 0 12px 40px rgba(2, 6, 23, 0.12);

  /* Transitions */
  --kora-transition: 180ms ease;
}

/* ============================================================
   1. RESET & BASE
============================================================ */

img,
svg {
  display: block;
  max-width: 100%;
  height: auto;
}

a {
  color: var(--kora-primary);
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
  transition: color var(--kora-transition);
}
a:hover {
  color: var(--kora-primary-dark);
}