<?php
// test-layout2.php - تست layout با مسیر درست
$selectedTheme = 'red';
?>
<!DOCTYPE html>
<html lang="fa" dir="rtl">
<head>
    <meta charset="UTF-8">
    <title>تست layout2</title>
    <link rel="stylesheet" href="assets/css/themes.css">
    <style>
        body { font-family: 'Vazirmatn', sans-serif; padding: 40px; }
        .btn { padding: 12px 30px; border: none; border-radius: 12px; font-size: 16px; cursor: pointer; }
        .btn-primary { background: var(--primary); color: white; }
        .box { background: var(--surface); padding: 20px; border: 1px solid var(--border); border-radius: 12px; margin: 10px 0; }
        .text { color: var(--text); }
        .text-muted { color: var(--text-secondary); }
    </style>
</head>
<body class="theme-<?= $selectedTheme ?>">

<h1>تست layout2</h1>
<p class="text">این متن با رنگ اصلی است</p>
<p class="text-muted">این متن با رنگ ملایم است</p>
<div class="box">این یک کارت است</div>
<button class="btn btn-primary">دکمه اصلی</button>

</body>
</html>