/**
 * ORB Theme – style.css
 *
 * Theme-Informationen (WordPress Theme Header) + CSS Custom Properties.
 * Alle weiteren Stile befinden sich in assets/css/main.css
 *
 * @package ORB_Theme
 */

/*
Theme Name:        ORB Theme
Theme URI:         https://omasrezeptbuch.com
Author:            Oma Tutti (Gertrud)
Author URI:        https://omasrezeptbuch.com
Description:       Ein warmes, gemütliches WordPress-Theme für Omas Rezeptbuch – handgemacht, ohne Page-Builder, ohne Bootstrap. Echte Rezepte. Echter Geschmack. Wie früher.
Version:           1.0.0
Requires at least: 6.0
Tested up to:      6.7
Requires PHP:      8.0
License:           GNU General Public License v2 or later
License URI:       https://www.gnu.org/licenses/gpl-2.0.html
Text Domain:       orb-theme
Tags:              food, recipe, cooking, blog, custom-colors, custom-logo, responsive-layout, translation-ready
*/

/* ──────────────────────────────────────────────
   CSS CUSTOM PROPERTIES (Design-Token)
   ────────────────────────────────────────────── */
:root {
	/* Farben */
	--terrakotta:   #C2714F;
	--dunkelgruen:  #3B5249;
	--creme:        #F5EDD6;
	--sandbraun:    #A68B5B;
	--dunkelbraun:  #2C1A0E;
	--hellcreme:    #FAF6EE;

	/* Farb-Varianten (für Hover, Transparenz etc.) */
	--terrakotta-dark:   #A85D3D;
	--terrakotta-light:  #D9957A;
	--dunkelgruen-dark:  #2C3E35;
	--dunkelgruen-light: #4E6B60;
	--sandbraun-light:   #C4A97A;
	--dunkelbraun-muted: #5C4030;

	/* Fonts */
	--font-headline: 'Playfair Display', Georgia, serif;
	--font-body:     'Lato', system-ui, -apple-system, sans-serif;
	--font-deko:     'Dancing Script', cursive;

	/* Typografie */
	--font-size-base:  1rem;         /* 16px */
	--font-size-sm:    0.875rem;     /* 14px */
	--font-size-lg:    1.125rem;     /* 18px */
	--font-size-xl:    1.5rem;       /* 24px */
	--font-size-2xl:   2rem;         /* 32px */
	--font-size-3xl:   2.5rem;       /* 40px */
	--font-size-4xl:   3rem;         /* 48px */
	--line-height-body:    1.7;
	--line-height-heading: 1.25;

	/* Abstände */
	--space-xs:   0.25rem;
	--space-sm:   0.5rem;
	--space-md:   1rem;
	--space-lg:   1.5rem;
	--space-xl:   2rem;
	--space-2xl:  3rem;
	--space-3xl:  4rem;
	--space-4xl:  6rem;

	/* Layout */
	--container-max:    1200px;
	--container-pad:    1.5rem;
	--sidebar-width:    320px;
	--content-max:      760px;

	/* Radien */
	--radius-sm:   4px;
	--radius-md:   8px;
	--radius-lg:   16px;
	--radius-xl:   24px;
	--radius-full: 9999px;

	/* Schatten */
	--shadow-sm:   0 1px 3px rgba(44, 26, 14, 0.08);
	--shadow-md:   0 4px 12px rgba(44, 26, 14, 0.12);
	--shadow-lg:   0 8px 24px rgba(44, 26, 14, 0.16);
	--shadow-xl:   0 16px 48px rgba(44, 26, 14, 0.20);

	/* Übergänge */
	--transition-fast:   150ms ease;
	--transition-base:   250ms ease;
	--transition-slow:   400ms ease;

	/* Header */
	--header-height:       72px;
	--header-height-mobile: 60px;
}