/**
 * Raseedna — design tokens.
 *
 * ==========================================================================
 *  THIS IS THE ONLY FILE THAT DEFINES THE VISUAL IDENTITY.
 *
 *  Every value below marked PLACEHOLDER is provisional. The specification
 *  (section 45) requires reusing the identity from the existing static
 *  Raseedna build rather than inventing a new one, and those assets were not
 *  available at build time — so nothing here should be treated as a design
 *  proposal. It is scaffolding chosen to be neutral and easy to replace.
 *
 *  To adopt the real identity, replace the values in this file only.
 *  No other stylesheet, template or PHP file contains a hard-coded colour,
 *  font name, radius or spacing value.
 * ==========================================================================
 */

:root {
	/* ---------------------------------------------------------------- */
	/* Colour — PLACEHOLDER. Replace with the static build's palette.    */
	/* ---------------------------------------------------------------- */
	--rs-ink: #14202e;          /* headings, primary text                */
	--rs-ink-soft: #4a5a6b;     /* secondary text                        */
	--rs-primary: #0f6b62;      /* primary actions, growth line          */
	--rs-primary-dark: #0a4f48; /* hover / pressed                       */
	--rs-accent: #e0a02c;       /* highlights, earned states             */
	--rs-surface: #ffffff;      /* cards                                 */
	--rs-canvas: #f6f8f8;       /* page background                       */
	--rs-border: #dde5e5;
	--rs-success: #2e7d32;
	--rs-danger: #b32d2e;

	/* Mapped onto the plugin's own variables so its markup inherits the
	   same identity without the theme having to restyle it. */
	--rc-primary: var( --rs-primary );
	--rc-border: var( --rs-border );
	--rc-success: var( --rs-success );
	--rc-danger: var( --rs-danger );
	--rc-radius: var( --rs-radius );
	--rc-radius-sm: var( --rs-radius-sm );
	--rc-gap: var( --rs-space-5 );
	--rc-card-padding: var( --rs-space-5 );

	/* ---------------------------------------------------------------- */
	/* Type — PLACEHOLDER. Replace with the static build's faces.        */
	/* Font files go in assets/fonts/ and are declared in fonts.css.     */
	/* ---------------------------------------------------------------- */
	--rs-font-display: "Raseedna Display", "Noto Kufi Arabic", "Tahoma", sans-serif;
	--rs-font-body: "Raseedna Text", "Noto Sans Arabic", "Segoe UI", sans-serif;

	--rs-step--1: clamp( 0.83rem, 0.8rem + 0.15vw, 0.9rem );
	--rs-step-0: clamp( 1rem, 0.96rem + 0.2vw, 1.1rem );
	--rs-step-1: clamp( 1.2rem, 1.1rem + 0.5vw, 1.4rem );
	--rs-step-2: clamp( 1.45rem, 1.3rem + 0.8vw, 1.85rem );
	--rs-step-3: clamp( 1.75rem, 1.5rem + 1.3vw, 2.5rem );
	--rs-step-4: clamp( 2.1rem, 1.7rem + 2vw, 3.4rem );

	--rs-leading-tight: 1.25;
	--rs-leading: 1.8;

	/* ---------------------------------------------------------------- */
	/* Space, radius, elevation — PLACEHOLDER scale.                     */
	/* ---------------------------------------------------------------- */
	--rs-space-1: 0.25rem;
	--rs-space-2: 0.5rem;
	--rs-space-3: 0.75rem;
	--rs-space-4: 1rem;
	--rs-space-5: 1.5rem;
	--rs-space-6: 2rem;
	--rs-space-7: 3rem;
	--rs-space-8: 4.5rem;

	--rs-radius-sm: 8px;
	--rs-radius: 14px;
	--rs-radius-lg: 24px;

	--rs-shadow: 0 1px 2px rgba( 20, 32, 46, 0.04 ), 0 8px 24px rgba( 20, 32, 46, 0.06 );
	--rs-shadow-lift: 0 2px 4px rgba( 20, 32, 46, 0.06 ), 0 16px 40px rgba( 20, 32, 46, 0.1 );

	--rs-container: 1160px;
	--rs-container-narrow: 760px;

	--rs-transition: 180ms ease;
}