/*
Theme Name:  AKS iQ
Theme URI:   https://aksiq.com
Description: GeneratePress child theme implementing the AKS iQ design system. Design tokens,
             self-hosted Inter, and block patterns built from the marketing HTML.
Author:      AKS iQ
Version:     1.0.0
Template:    generatepress
Text Domain: aksiq
*/

/* ===========================================================================
   1. Fonts — self-hosted Inter, no third-party CDN calls
   =========================================================================== */

@font-face{font-family:'Inter';font-style:normal;font-weight:300;font-display:swap;src:url('assets/fonts/Inter-Light.woff2') format('woff2')}
@font-face{font-family:'Inter';font-style:normal;font-weight:400;font-display:swap;src:url('assets/fonts/Inter-Regular.woff2') format('woff2')}
@font-face{font-family:'Inter';font-style:normal;font-weight:500;font-display:swap;src:url('assets/fonts/Inter-Medium.woff2') format('woff2')}
@font-face{font-family:'Inter';font-style:normal;font-weight:600;font-display:swap;src:url('assets/fonts/Inter-SemiBold.woff2') format('woff2')}

/* ===========================================================================
   2. Design tokens — mirrored from AKS iQ Design System / tokens/colors.css
   =========================================================================== */

:root{
	/* Neutrals */
	--white:#FFFFFF;
	--ink-900:#3D3D42;
	--ink-700:#5B5B62;
	--ink-500:#83838A;
	--ink-300:#C7CACD;
	--ink-100:#E3E5E8;
	--cool-50:#F6F8F9;
	--cool-100:#EEF3F4;

	--navy-900:#161A26;
	--navy-800:#20263A;

	/* Brand */
	--cyan-600:#158FA8;
	--cyan-500:#1BB4D3;
	--cyan-100:#E4F6FA;
	--cyan-50:#F2FBFD;
	--blue-700:#255F7D;
	--blue-600:#2F80A6;
	--blue-100:#E7F0F5;
	--blue-50:#F0F6FA;
	--violet-600:#5B4BD1;
	--violet-500:#6C5DD3;
	--violet-400:#8E82E4;
	--violet-100:#ECEAFB;

	/* Status */
	--success-600:#1E8A5F;
	--success-100:#E3F5EC;
	--warning-600:#B3720F;
	--warning-100:#FBEFDC;
	--danger-600:#B23A32;
	--danger-100:#FBE9E7;

	/* Semantic roles */
	--bg-page:var(--white);
	--bg-surface:var(--cool-50);
	--bg-surface-alt:var(--cool-100);
	--bg-dark:var(--navy-900);
	--border-default:var(--ink-100);
	--border-strong:var(--ink-300);
	--text-primary:var(--ink-900);
	--text-secondary:var(--ink-700);
	--text-tertiary:var(--ink-500);
	--text-on-accent:var(--white);
	--text-on-dark:var(--white);
	--text-link:var(--blue-600);
	--text-link-hover:var(--blue-700);
	--accent-primary:var(--cyan-500);
	--accent-primary-hover:var(--cyan-600);
	--accent-secondary:var(--blue-600);
	--accent-secondary-hover:var(--blue-700);

	--focus-ring:var(--cyan-500);
	--focus-ring-outer:var(--cyan-100);
	--focus-ring-inner:var(--blue-600);

	/* Gradients — marketing surfaces only, max two moments per viewport.
	   Never on product or data UI. */
	--gradient-brand:linear-gradient(120deg,var(--cyan-500) 0%,var(--violet-500) 100%);
	--gradient-brand-soft:linear-gradient(120deg,var(--cyan-100) 0%,var(--violet-100) 100%);
	--gradient-band:linear-gradient(120deg,#12B5D6 0%,#5B4BD1 100%);

	/* Data-viz categorical order — use in sequence so charts stay on-brand. */
	--viz-1:var(--blue-600);
	--viz-2:var(--cyan-500);
	--viz-3:var(--violet-500);
	--viz-4:var(--warning-600);
	--viz-5:var(--success-600);
	--viz-6:var(--ink-500);

	/* Type scale */
	--text-xs:12px;
	--text-sm:14px;
	--text-base:16px;
	--text-md:18px;
	--text-lg:22px;
	--text-xl:28px;
	--text-2xl:36px;

	/* Spacing scale */
	--space-1:4px;
	--space-2:8px;
	--space-3:16px;
	--space-4:24px;
	--space-5:32px;
	--space-6:48px;
	--space-7:64px;

	/* Radius */
	--radius-sm:4px;
	--radius-md:6px;
	--radius-lg:10px;

	--font-sans:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif;
}

/* ===========================================================================
   3. Base
   Deliberately minimal. Content inside .aksiq-site is styled entirely by
   assets/site.css (the ported design system). Styling generic elements here
   leaked into that content and changed its metrics, so only the font stack and
   token surface are set globally.
   =========================================================================== */

body {
	font-family: var(--font-sans);
}

svg.svg-defs { display: none; }