<?php
/**
 * Plugin Name: Faisal Technology Brand Identity
 * Description: Applies the official Faisal Technology brand package to ftech.me.
 * Version: 1.0.0
 */

if ( ! defined( 'ABSPATH' ) ) {
	exit;
}

add_action(
	'wp_enqueue_scripts',
	function () {
		wp_register_style( 'ftech-brand-identity', false, array(), '1.0.0' );
		wp_enqueue_style( 'ftech-brand-identity' );
		wp_add_inline_style(
			'ftech-brand-identity',
			<<<'CSS'
:root {
	--ft-ink: #071B2C;
	--ft-muted: #526477;
	--ft-line: #D7E4E7;
	--ft-paper: #F7FAF6;
	--ft-white: #FFFFFF;
	--ft-forest: #176F64;
	--ft-moss: #7E9F64;
	--ft-sky: #EAF1F5;
	--ft-sand: #D6E5BE;
	--ft-aqua: #35D6C4;
	--ft-navy: #071B2C;
	--ft-deep: #0A1F33;
	--ft-shadow: 0 22px 70px rgba(7, 27, 44, 0.14);
}

body {
	background:
		linear-gradient(180deg, rgba(234, 241, 245, 0.72), rgba(247, 250, 246, 0) 460px),
		var(--ft-paper);
	color: var(--ft-ink);
}

.site-header,
#masthead {
	background: rgba(247, 250, 246, 0.94);
	border-bottom: 1px solid rgba(7, 27, 44, 0.09);
	box-shadow: 0 12px 34px rgba(7, 27, 44, 0.055);
	backdrop-filter: blur(16px);
}

.site-branding .custom-logo,
.site-logo-img img,
.custom-logo-link img {
	width: auto;
	max-width: min(290px, 58vw);
	max-height: 76px;
	object-fit: contain;
}

.site-branding .site-title,
.site-branding .site-description {
	color: var(--ft-navy);
}

.site-branding .has-logo-image .site-title-wrap,
.mobile-site-branding .has-logo-image .site-title-wrap {
	display: none;
}

.main-navigation a,
.header-navigation a {
	color: var(--ft-deep);
	font-weight: 750;
}

.main-navigation a:hover,
.main-navigation a:focus,
.header-navigation a:hover,
.header-navigation a:focus,
.current-menu-item > a {
	color: var(--ft-forest);
}

.ft-hero {
	background: var(--ft-navy);
}

.ft-hero__media {
	background:
		linear-gradient(92deg, rgba(7, 27, 44, 0.92), rgba(7, 27, 44, 0.64) 48%, rgba(7, 27, 44, 0.18)),
		radial-gradient(circle at 20% 24%, rgba(53, 214, 196, 0.22), transparent 34%),
		url("https://images.unsplash.com/photo-1500530855697-b586d89ba3ee?auto=format&fit=crop&w=2400&q=82") center / cover;
}

.ft-kicker,
.ft-link,
.ft-timeline span {
	color: var(--ft-forest);
}

.ft-button--primary {
	background: linear-gradient(135deg, var(--ft-forest), var(--ft-aqua));
	box-shadow: 0 14px 34px rgba(23, 111, 100, 0.28);
}

.ft-button--primary:hover,
.ft-button--primary:focus {
	color: #fff;
	filter: saturate(1.05) brightness(0.98);
	transform: translateY(-1px);
}

.ft-button--ghost {
	background: rgba(255, 255, 255, 0.13);
	border-color: rgba(214, 229, 190, 0.68);
}

.ft-card {
	border-color: rgba(7, 27, 44, 0.11);
	box-shadow: 0 14px 38px rgba(7, 27, 44, 0.08);
}

.ft-card--quiet {
	background: linear-gradient(135deg, #F7FAF6, #EAF1F5);
}

.ft-card--accent,
.ft-stats div {
	background:
		radial-gradient(circle at 88% 12%, rgba(53, 214, 196, 0.24), transparent 34%),
		linear-gradient(135deg, var(--ft-navy), var(--ft-deep));
	border-color: rgba(53, 214, 196, 0.16);
}

.ft-card--accent,
.ft-card--accent h1,
.ft-card--accent h2,
.ft-card--accent h3,
.ft-card--accent h4,
.ft-card--accent p,
.ft-card--accent li,
.ft-card--accent strong,
.ft-card--accent a,
.ft-card--accent .has-text-color,
.ft-stats div,
.ft-stats div h1,
.ft-stats div h2,
.ft-stats div h3,
.ft-stats div h4,
.ft-stats div p,
.ft-stats div li,
.ft-stats div strong,
.ft-stats div a,
.ft-stats div .has-text-color {
	color: #F7FAF6 !important;
}

.ft-card--accent a,
.ft-stats div a {
	color: #7DE8D8 !important;
	text-decoration-color: rgba(125, 232, 216, 0.72);
}

.ft-checks li::before {
	background: linear-gradient(135deg, var(--ft-aqua), var(--ft-moss));
}

.ft-photo {
	box-shadow: 0 20px 52px rgba(7, 27, 44, 0.18);
}

.ft-cta {
	background:
		radial-gradient(circle at top right, rgba(53, 214, 196, 0.25), transparent 32%),
		linear-gradient(135deg, var(--ft-sky), var(--ft-sand));
	border: 1px solid rgba(7, 27, 44, 0.08);
}

.ftech-floating-lang {
	background: linear-gradient(135deg, var(--ft-navy), var(--ft-forest)) !important;
	box-shadow: 0 14px 34px rgba(7, 27, 44, 0.22) !important;
}

.ftech-floating-lang:hover,
.ftech-floating-lang:focus {
	background: linear-gradient(135deg, var(--ft-forest), var(--ft-aqua)) !important;
}

@media (max-width: 760px) {
	.site-branding .custom-logo,
	.site-logo-img img,
	.custom-logo-link img {
		max-width: min(230px, 68vw);
		max-height: 58px;
	}
}
CSS
		);
	},
	30
);