/*
* THAILAND'S THEME. REBUILD SPEC 4.
*
* This file holds every value that makes the site look Thai rather than
* Malaysian, and nothing else. The shared stylesheets - css/skeleton-dft.css
* and css/dft.css - keep every rule about layout, spacing, type scale and
* component behaviour, and read these values through var().
*
* ⛔ THE SHARED FILES CARRY NO FALLBACK VALUE. `var(--dft-brand, #CE3A36)`
* would work, and it would write Thailand's red into a file four countries
* share 46 times over, which is the thing this boundary exists to stop. It also
* fails silently: a country whose theme did not load would look Thai and nobody
* would find out. tests/verify-theme-variables.sh derives the required list
* from the shared files and fails if a country's theme omits one.
*
* ⛔ WHAT IS NOT HERE, AND MUST NOT BE ADDED.
*
*   The text greys - #555, #666E76, #6B6B6B, #5C6773. They were chosen by
*   measuring contrast against the panels they sit on, and the palette comment
*   at the top of dft.css records #6B6B6B failing at 4.25:1 on the blue panel
*   and becoming #555. A country changing them would be deciding whether its
*   own text can be read.
*
*   The four message colours - information, success, warning and error, twelve
*   values in all, each with its measured ratio at dft.css:2783. They say "this
*   worked" and "this went wrong". A country recolouring them would be changing
*   what a message MEANS. That includes #8E241A, which an earlier draft of SPEC
*   4 mistook for a pressed-state brand colour; it is error ink, on the error
*   ground #FBECEA, and there is no pressed-state use of it anywhere.
*
* ⚠️ ELEVEN OF THE PALE BLUES BELOW ARE NEARLY THE SAME COLOUR, AND TWO VALUES
* ARE LEFT OVER FROM THE BRAND CHANGE IN AUGUST 2026 - --dft-focus is the old
* blue and --dft-brand-glow the old red. That is drift in the site's own
* stylesheet, not a decision this file is making. Owner's decision, 7 September
* 2026: carry every value across unchanged, so that nothing a visitor sees
* changes and the comparison can prove it; fold them together as its own item
* once four sites exist. Recorded in docs/OPEN-ISSUES.md and DECISIONS.md.
*
* Each name below says the JOB the value does, and the selector it was read
* from is named beside it, so a second country can tell what it is choosing.
*/
:root {

	/* THE BRAND COLOUR --------------------------------------------------- */

	/* Ribbons, buttons, the search tab. 46 uses. 4.90:1 with white in both
	 * directions - release item 10b measured it on 17 August 2026. */
	--dft-brand:       #CE3A36;

	/* The ribbon fold and hover states. It carries no text of its own; it
	 * exists to be darker than --dft-brand, so a fold is visible. */
	--dft-brand-dark:  #A82F2B;

	/* The ground behind an icon in the route facts panel: .route-facts__ico */
	--dft-brand-wash:  rgba(206, 58, 54, 0.1);

	/* The focus glow on a primary button: skeleton-dft.css
	 * input[type="button"].button-primary:focus. ⚠️ Still the OLD red the site
	 * stopped using in August. Carried across as-is, see the note above. */
	--dft-brand-glow:  rgba(255, 85, 86, 1);

	/* THE BLUE ----------------------------------------------------------- */

	/* Links, the header bar and the section headings. 16 uses. 5.16:1 with
	 * white. ⚠️ This value changed three times in one week in August; read
	 * BUGS.md P3-72 before proposing another. */
	--dft-blue:        #2A72A8;

	/* A footer social icon under the pointer: footer .connect a i:hover */
	--dft-blue-hover:  #6FB3E0;

	/* The alternate block in the route facts panel:
	 * .route-facts__block.is-alt */
	--dft-blue-alt:    #8FB7D4;

	/* The focus ring on a select in the search form:
	 * #search-form .extras select:focus. ⚠️ Still the OLD blue. */
	--dft-focus:       rgba(79, 160, 215, 1);

	/* PANEL GROUNDS AND RULES -------------------------------------------- */

	/* The search panel: .search-panel, and the airport filter buttons. */
	--dft-panel:       #F6F8F9;

	/* The sidebar lists and the "at a glance" box: aside .airports */
	--dft-panel-blue:  #D8E8F1;

	/* The dropdown body and the slide-out menu ground:
	 * #notifications-dropdown .dropdown-body, #schedules.slidebar */
	--dft-panel-quiet: #E9F0F3;

	/* Dividers inside the dropdown and the slide-out menu:
	 * #notifications-dropdown .dropdown-header */
	--dft-blue-rule:   #CEDAE0;

	/* A list row under the pointer: #notifications-dropdown
	 * .notification:hover, #schedules.slidebar ul li a:hover */
	--dft-hover:       #DDE6EB;

	/* A sidebar article link under the pointer:
	 * aside .articles ul li a:hover */
	--dft-hover-alt:   #E1EAEF;

	/* The empty bar and the track behind a figure in the route facts panel:
	 * .route-facts__bar.is-empty, .route-facts__range-track */
	--dft-track:       #DCE5EC;

	/* The route facts card's border: .route-facts__card */
	--dft-card-rule:   #E4EBF0;

	/* The pagination block: .pages */
	--dft-pages:       #E5F5FF;

	/* A pagination link under the pointer: .pages__text a:hover */
	--dft-pages-hover: #D9E7F0;

	/* TYPE --------------------------------------------------------------- */

	/*
	* ⛔ NAMING A FACE HERE DOES NOT FETCH IT. public/js/dft.js asks Google for
	* the families, and public/flight-search.php - which builds its own <head>
	* and never includes inc.header.php - asks again for its own. Both read the
	* country's `theme.fonts` setting, so a country that changes a name here
	* must change it there in the same edit or the browser falls back to a
	* system face. SPEC 4 §2.
	*/
	--dft-font-body:    'Roboto', sans-serif;
	--dft-font-heading: 'Montserrat', sans-serif;

	/* BACKGROUND PICTURES ------------------------------------------------ */

	/*
	* These live in this country's own folder, beside its logo and its icons.
	* The header one is the map behind the search box - the largest thing on
	* the home page - so a country that kept the shared copy would be showing
	* Thailand's picture.
	*/
	--dft-bg-header: url('/sites/th/img/bg-header.jpg');
	--dft-bg-news:   url('/sites/th/img/bg-news.jpg');
	--dft-bg-travel: url('/sites/th/img/bg-travel.jpg');
}