<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">

  <!-- Dynamic Title -->
  <title>@yield('meta_title', 'Default Site Title')</title>

  <meta content="width=device-width, initial-scale=1.0" name="viewport">

  <!-- Dynamic Meta Tags -->
  <meta name="keywords" content="@yield('meta_keywords', 'default, keywords')">
  <meta name="description" content="@yield('meta_description', 'Default site description.')">

  <!-- Favicon -->
  <link href="{{ asset('img/favicon.ico') }}" rel="icon">
    <!-- Favicon -->
    

    <!-- Google Fonts -->
    <link href="https://fonts.googleapis.com/css?family=Montserrat:400,600&amp;display=swap" rel="stylesheet">

    <!-- CSS Libraries -->
    <link href="{{asset('frontend/css/bootstrap.min.css')}}" rel="stylesheet">
    <link href="{{asset('frontend/css/all.min.css')}}" rel="stylesheet">
    <link href="{{asset('frontend/lib/slick/slick.css')}}" rel="stylesheet">
    <link href="{{asset('frontend/lib/slick/slick-theme.css')}}" rel="stylesheet">

    <!-- Template Stylesheet -->
    <link href="{{asset('frontend/css/style.css')}}" rel="stylesheet">

  @stack('style')
</head>


  @php   
  // function lightenColor($hex, $percent)
  // {
  //   $hex = ltrim($hex, '#');
  //   $r = hexdec(substr($hex, 0, 2));
  //   $g = hexdec(substr($hex, 2, 2));
  //   $b = hexdec(substr($hex, 4, 2));

  //   $r = min(255, round($r + ($r * $percent)));
  //   $g = min(255, round($g + ($g * $percent)));
  //   $b = min(255, round($b + ($b * $percent)));

  //   return '#' . str_pad(dechex($r), 2, '0', STR_PAD_LEFT)
  //   . str_pad(dechex($g), 2, '0', STR_PAD_LEFT)
  //   . str_pad(dechex($b), 2, '0', STR_PAD_LEFT);
  // }
@endphp

  <style>
    /* :root {
      --body-bg:
        {{ $siteSettings->body_bg_color ?? '#ffffff' }}
      ;
      --body-text:
        {{ $siteSettings->body_text_color ?? '#000000' }}
      ;
      --header-bg:
        {{ $siteSettings->header_bg_color ?? '#007bff' }}
      ;
      --header-text:
        {{ $siteSettings->header_text_color ?? '#000000' }}
      ;
      --card-bg:
        {{ $siteSettings->card_bg_color ?? '#f8f8f8' }}
      ;
      --card-text:
        {{ $siteSettings->card_text_color ?? '#000000' }}
      ;
     
      /* Lighten by 20% */
      /* --blog-content:
        {{ $siteSettings->main_contbg_color ?? '#000000' }}
      ;
      --sidebar:
        {{ $siteSettings->sidebar_bg_color ?? '#000000' }}
      ;
      --sidebar-text:
        {{ $siteSettings->sidebar_text_color ?? '#ffffff' }}
      ;
      --footer-bg:
        {{ $siteSettings->footer_bg_color ?? '#000000' }}
      ;
      --footer-text:
        {{ $siteSettings->footer_text_color ?? '#ffffff' }}
      ;
      --accent-color: '#ffffff';
      --sidetext-color: '#000'; */
    /* } */

    /* General Reset */
  </style>

</head>
<body>