/*
Theme Name: WRTH Traditional Arts Forum
Theme URI: https://traditionalartsforum.com
Author: Royal Institute for Traditional Arts
Author URI: https://wrth.edu.sa
Description: A custom WordPress theme for the Traditional Arts Hackathon and Forum website. Features RTL Arabic support, countdown timers, and beautiful traditional design.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.4
Requires PHP: 8.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: wrth-traditional-arts
Tags: rtl-language-support, custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

Traditional Arts Forum Theme - Where Heritage Meets Innovation
*/

:root {
    --mallard: #2C3B1E;
    --mallard-70: rgba(44, 59, 30, 0.70);
    --mallard-50: rgba(44, 59, 30, 0.50);
    --mallard-10: rgba(44, 59, 30, 0.10);
    --mallard-5: rgba(44, 59, 30, 0.05);
    --piper: #C85328;
    --piper-10: rgba(200, 83, 40, 0.10);
    --fuel-yellow: #E9AA21;
    --yellow-accent: #FFCC00;
    --beige-light: #E9E7E0;
    --beige: #F3F2EE;
    --beige-10: rgba(243, 242, 238, 0.10);
    --beige-34: rgba(243, 242, 238, 0.34);
    --rust: #B85A35;
    --olive: #8A8F48;
    --burgundy: #803535;
    --teal: #2A978C;
    --sage: #68725C;
    --white: #FFFFFF;
    --radius: 0.5rem;
}

* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}


html {
    scroll-behavior: smooth;
}

body {
    font-family: "Wrth Text", "Segoe UI", "Tahoma", sans-serif;
    background-color: var(--beige-light);
    color: var(--mallard);
    direction: rtl;
    line-height: 1.75;
}

h1, h2, h3, h4, h5, h6 {
    font-family: "Lyon Arabic Display", "Georgia", "Times New Roman", serif;
    font-weight: 700;
}

p {
    font-size: 1.125rem;
    line-height: 1.75;
}

a, button {
    transition: all 0.3s ease;
}

a {
    text-decoration: none;
    color: inherit;
}

img {
    max-width: 100%;
    height: auto;
}

::selection {
    background-color: rgba(200, 83, 40, 0.3);
    color: var(--mallard);
}

::-moz-selection {
    background-color: rgba(200, 83, 40, 0.3);
    color: var(--mallard);
}