/**
 * =========================================================
 * QCS Lite Design Tokens
 * DumagueteAA.org Visual Baseline
 * Version: 0.2.1
 * =========================================================
 */


/* =========================================================
   01) ROOT TOKENS
   ========================================================= */

:root {

	/* =====================================================
	   02) COLORS
	   ===================================================== */

	--daa-text: #1f1f1f;
	--daa-text-muted: #5f5f5f;

	--daa-link: #1f1f1f;
	--daa-link-hover: #000000;

	--daa-bg-page: #f4efea;
	--daa-bg-section: #ece6df;
	--daa-bg-light: #ffffff;
	--daa-bg-card: #ffffff;
	--daa-bg-topbar: #ece6df;

	--daa-border-soft: rgba(0, 0, 0, 0.08);
	--daa-border-dark: #1f1f1f;

	--daa-button-bg: #ffffff;
	--daa-button-text: #1f1f1f;

	--daa-button-dark-bg: #1f1f1f;
	--daa-button-dark-text: #ffffff;

	/* =====================================================
	   03) TYPOGRAPHY
	   ===================================================== */

	--daa-font-family:
		"Segoe UI",
		"Trebuchet MS",
		"Helvetica Neue",
		Arial,
		sans-serif;

	--daa-font-size-body: 20px;
	--daa-font-size-small: 18px;

	--daa-font-size-h1: 56px;
	--daa-font-size-h2: 42px;
	--daa-font-size-h3: 30px;

	--daa-font-weight-body: 500;
	--daa-font-weight-heading: 700;

	--daa-line-height-body: 1.7;
	--daa-line-height-heading: 1.25;

	/* =====================================================
	   04) SPACING
	   ===================================================== */

	--daa-space-xs: 0.5rem;
	--daa-space-sm: 1rem;
	--daa-space-md: 2rem;
	--daa-space-lg: 3rem;
	--daa-space-xl: 5rem;

	/* =====================================================
	   05) RADII
	   ===================================================== */

	--daa-radius-soft: 10px;

	/* =====================================================
	   06) WIDTHS
	   ===================================================== */

	--daa-content-width: 1200px;

	--daa-max-content: 1200px;
	--daa-max-wide: 1400px;

}