/*
Theme Name: StarFroid Child
Theme URI: https://starfroid.dz/
Description: StarFroid storefront — Astra child theme. Mobile-first, RTL-ready, Cash-on-Delivery WooCommerce store for the Algerian market. Design tokens, components, and WooCommerce overrides per the StarFroid design brief.
Author: StarFroid
Author URI: https://starfroid.dz/
Template: astra
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: starfroid
Tags: e-commerce, rtl-language-support, translation-ready, custom-colors, custom-menu
*/

/* =========================================================================
   StarFroid — Design tokens (brief §4, FINAL)
   These CSS custom properties are the single source of truth for the theme.
   Component CSS lives in assets/css/*; this file only declares tokens +
   the minimal base reset so the child theme is valid on its own.
   ========================================================================= */

:root {
	/* --- Color palette (brief §4) --- */
	--c-primary: #0E2C49;       /* Brand navy: header, headings, footer bg */
	--c-primary-700: #0A2138;   /* Darker navy: hover / footer */
	--c-secondary: #2E8BC0;     /* Cool blue: links, secondary UI */
	--c-accent: #F26419;        /* CTA / Add to cart (warm, high contrast) */
	--c-accent-700: #D9530C;    /* CTA hover */
	--c-fresh: #16C2D5;         /* Cyan highlight: COD badges, sale tags, icons */
	--c-bg: #FFFFFF;            /* Page background */
	--c-bg-alt: #F4F7FA;        /* Section background (cool light grey) */
	--c-surface: #FFFFFF;       /* Cards */
	--c-border: #E4EBF1;        /* Hairline borders (cool grey) */
	--c-text: #15202B;          /* Primary text (cool near-black) */
	--c-text-muted: #5A6B7B;    /* Secondary text */
	--c-success: #1FA971;       /* In stock / success */
	--c-error: #E0413E;         /* Errors / out of stock */
	--c-warning: #F5A623;       /* Warnings */

	/* Convenience tints (derived from tokens above; not new brand colors) */
	--c-fresh-soft: rgba(22, 194, 213, 0.12);
	--c-accent-soft: rgba(242, 100, 25, 0.10);
	--c-overlay: rgba(14, 44, 73, 0.55);

	/* --- Typography (brief §4) --- */
	--font-heading: "Sora", "Inter", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
	--font-body: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
	--font-arabic: "Cairo", system-ui, -apple-system, "Segoe UI", Tahoma, Arial, sans-serif;

	/* Type scale — 16px base, 1.25 (Major Third): 16/20/25/31/39/49 */
	--fs-base: 1rem;       /* 16px */
	--fs-100: 0.8rem;      /* 12.8px small print */
	--fs-200: 1rem;        /* 16px body */
	--fs-300: 1.25rem;     /* 20px */
	--fs-400: 1.5625rem;   /* 25px */
	--fs-500: 1.9375rem;   /* 31px */
	--fs-600: 2.4375rem;   /* 39px */
	--fs-700: 3.0625rem;   /* 49px */

	--lh-body: 1.6;
	--lh-heading: 1.2;
	--measure: 70ch;       /* cap line length */

	/* --- Shape & feel (brief §4) --- */
	--grad-primary: linear-gradient(135deg, var(--c-primary) 0%, var(--c-primary-700) 100%);
	--grad-accent: linear-gradient(135deg, var(--c-accent) 0%, var(--c-accent-700) 100%);
	--shadow-soft: 0 4px 20px rgba(14, 44, 73, 0.05);
	--shadow-raised: 0 8px 30px rgba(14, 44, 73, 0.1);
	--radius-card: 16px;
	--radius-input: 8px;
	--radius-pill: 999px;

	/* --- Spacing scale (8pt-ish) --- */
	--space-1: 0.25rem;
	--space-2: 0.5rem;
	--space-3: 0.75rem;
	--space-4: 1rem;
	--space-5: 1.5rem;
	--space-6: 2rem;
	--space-7: 3rem;
	--space-8: 4rem;

	/* --- Layout --- */
	--container: 1200px;
	--tap-min: 44px;       /* minimum tap target */
	--header-h: 64px;

	/* --- Motion --- */
	--ease: cubic-bezier(0.4, 0, 0.2, 1);
	--dur: 180ms;          /* keep ≤200ms */
	--z-header: 1000;
	--z-drawer: 1100;
	--z-overlay: 1050;
}

/* Component styles are enqueued separately (see functions.php / assets/css).
   This file intentionally stays token-only beyond the header so the child
   theme remains valid and lightweight even if a stylesheet fails to load. */