/*
Theme Name: Septic Tank Installation
Theme URI: https://example.com/septic-tank-installation-theme
Author: Cline
Author URI: https://example.com
Description: A custom WordPress theme for Septic Tank Installation directory website.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: directory, custom-post-type, tailwindcss, daisyui
Text Domain: septic-tank-installation
*/

/* Custom DaisyUI Theme for Septic Tank */
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");

:root {
  --font-body: "Inter", sans-serif;
}

[data-theme="septic-theme"] {
  --p: #4f5ac6; /* Primary: A blue that can represent water/cleanliness */
  --pf: #3a47a0; /* Primary focus */
  --pc: #ffffff; /* Primary content */

  --s: #adb5bd; /* Secondary: Muted blue-gray for subtle accents and borders */
  --sf: #99a3ac; /* Secondary focus */
  --sc: #333333; /* Secondary content: Dark text on light secondary */

  --a: #4f5ac6; /* Accent: Same as primary for consistency */
  --af: #3a47a0; /* Accent focus */
  --ac: #ffffff; /* Accent content */

  --n: #333333; /* Neutral: Dark gray for strong elements like header/footer background */
  --nf: #222222; /* Neutral focus */
  --nc: #f8f9fa; /* Neutral content: Light text on dark neutral */

  --b1: #f8f9fa; /* Base 100: Off-white for main background */
  --b2: #e9ecef; /* Base 200: Slightly darker off-white for cards/sections */
  --b3: #dee2e6; /* Base 300: Even darker for borders/dividers */
  --bc: #333333; /* Base content: Dark text on light base */

  --su: #22c55e; /* Success: Default green */
  --suf: #16a34a; /* Success focus */
  --suc: #ffffff; /* Success content */

  --wa: #fbbd23; /* Warning: Default yellow */
  --waf: #f59e0b; /* Warning focus */
  --wac: #ffffff; /* Warning content */

  --er: #ef4444; /* Error: Default red */
  --erf: #dc2626; /* Error focus */
  --erc: #ffffff; /* Error content */

  --in: #3b82f6; /* Info: Default blue */
  --inf: #2563eb; /* Info focus */
  --inc: #ffffff; /* Info content */

  --rounded-box: 1rem;
  --rounded-btn: 0.5rem;
  --rounded-badge: 1.9rem;
  --animation-btn: 0.25s;
  --animation-input: 0.2s;
  --btn-text-case: uppercase;
  --btn-focus-scale: 0.95;
  --border-btn: 1px;
  --tab-border: 1px;
  --tab-radius: 0.5rem;
}