/* Maktub Design Tokens */
:root {
	/* Brand palette — derived from the Maktub logo */
	--mk-pink:          #F07DE8;
	--mk-pink-dark:     #DC6FD4;
	--mk-pink-light:    #FCE8FA;
	--mk-pink-xlight:   #FDF3FC;

	/* Surface & background */
	--mk-cream:         #FDFAF3;
	--mk-cream-dark:    #F5EFE0;
	--mk-cream-border:  #EDE4CE;
	--mk-white:         #FFFFFF;

	/* Gold accent */
	--mk-gold:          #C9A84C;
	--mk-gold-light:    #F5ECD0;
	--mk-gold-dark:     #A88730;

	/* Green accent */
	--mk-green:         #7CA47A;
	--mk-green-light:   #E8F0E7;
	--mk-green-dark:    #5A8A58;

	/* Typography */
	--mk-dark:          #2C2416;   /* primary text */
	--mk-brown:         #5C3D2E;   /* headings warm */
	--mk-mid:           #6B5744;   /* secondary text */
	--mk-muted:         #9E8E7E;   /* muted / placeholder */
	--mk-border:        #E8DFC8;

	/* Semantic */
	--mk-danger:        #C62828;
	--mk-danger-light:  #FCE4EC;
	--mk-warning:       #E65100;
	--mk-warning-light: #FFF8E1;
	--mk-success:       #2E7D32;
	--mk-success-light: #E8F5E9;
	--mk-info:          #1565C0;
	--mk-info-light:    #E3F2FD;

	/* Typography */
	--mk-font-serif:    'Playfair Display', Georgia, 'Times New Roman', serif;
	--mk-font-sans:     'Lato', system-ui, -apple-system, 'Segoe UI', sans-serif;
	--mk-font-hand:     'Caveat', 'Segoe Script', cursive;

	/* Spacing scale */
	--mk-space-xs:  4px;
	--mk-space-sm:  8px;
	--mk-space-md:  16px;
	--mk-space-lg:  24px;
	--mk-space-xl:  40px;
	--mk-space-2xl: 64px;

	/* Radii */
	--mk-radius-sm:  4px;
	--mk-radius-md:  8px;
	--mk-radius-lg:  12px;
	--mk-radius-xl:  20px;
	--mk-radius-pill:9999px;

	/* Shadows */
	--mk-shadow-sm:  0 1px 4px rgba(44,36,22,0.06);
	--mk-shadow-md:  0 2px 12px rgba(44,36,22,0.09);
	--mk-shadow-lg:  0 8px 40px rgba(44,36,22,0.13);

	/* Transitions */
	--mk-transition: 0.18s ease;

	/* Container */
	--mk-container:  1100px;
	--mk-content:    720px;
}