/*
Theme Name: Security Aid
Theme URI: https://securityaid.org
Author: Security Aid
Author URI: https://securityaid.org
Description: Official WordPress theme for Security Aid — free cyber security support for SMBs, and Aid+, the premium advisory platform. Microsoft Security portal inspired SaaS design system.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
Tested up to: 6.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: securityaid
*/

/* ==========================================================================
   Design tokens
   Palette + type are deliberately Microsoft Defender / Security-portal
   inspired per brief: white surfaces, near-black ink, a single Fluent-blue
   interactive accent, and status colours reserved strictly for severity.
   ========================================================================== */

:root{
  /* Surfaces */
  --sa-bg:            #ffffff;
  --sa-bg-subtle:     #f6f7f8;
  --sa-bg-inset:      #eef1f3;
  --sa-bg-dark:       #0b0c0e;
  --sa-border:        #e2e5e9;
  --sa-border-strong: #cdd2d8;

  /* Ink */
  --sa-ink:           #101113;
  --sa-ink-soft:      #52595f;
  --sa-ink-faint:     #868d94;
  --sa-ink-on-dark:   #f4f5f6;

  /* Accent (Fluent blue — matches Defender portal interactive colour) */
  --sa-accent:        #0f6cbd;
  --sa-accent-ink:    #0b4f8a;
  --sa-accent-tint:   #eaf3fb;

  /* Status */
  --sa-success:       #107c10;
  --sa-success-tint:  #e9f7e9;
  --sa-warning:       #a36a00;
  --sa-warning-tint:  #fdf3e2;
  --sa-critical:      #c4314b;
  --sa-critical-tint: #fbeaee;

  /* Type */
  --font-display: "Segoe UI Semibold","Segoe UI",-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif;
  --font-body:    "Segoe UI",-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif;
  --font-mono:    "Cascadia Code","SFMono-Regular",Consolas,"Liberation Mono",monospace;

  /* Scale (8px baseline) */
  --sp-1: 4px;  --sp-2: 8px;  --sp-3: 12px; --sp-4: 16px;
  --sp-5: 24px; --sp-6: 32px; --sp-7: 48px; --sp-8: 64px; --sp-9: 96px;

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

  --shadow-sm: 0 1px 2px rgba(16,17,19,.06);
  --shadow-md: 0 4px 16px rgba(16,17,19,.08);
  --shadow-lg: 0 12px 32px rgba(16,17,19,.12);

  --container: 1280px;
  --rail-w: 72px;
  --sidenav-w: 240px;
  --header-h: 64px;
}