/*
Theme Name:   Redtop Consultancy
Theme URI:    https://redtopconsultancy.co.ke
Author:       Redtop Consultancy Ltd
Author URI:   https://redtopconsultancy.co.ke
Description:  A modern, animated WordPress theme for Redtop Consultancy. Features a full hero section, services grid, operations, shop/payment section, testimonials, contact form, and PesaPal-ready checkout modal. Fully customisable via the WordPress Customizer, Elementor, or any page builder.
Version:      1.0.0
Requires at least: 6.0
Tested up to: 6.5
Requires PHP: 7.4
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  redtop
Tags:         one-page, business, dark, custom-colors, custom-logo, custom-menu, featured-images, footer-widgets, full-width-template, translation-ready, block-patterns

This theme is built for Redtop Consultancy Ltd.
*/

/* ===================================================
   DESIGN TOKENS — edit here to restyle the whole site
   =================================================== */
:root {
  /* Brand accents, sampled from the Siydon logo */
  --teal:         #51A78A;
  --teal-rgb:     81,167,138;
  --teal-dark:    #3D8069;      /* hover fills + readable-on-white text */
  --teal-dark-rgb:61,128,105;
  --teal-light:   #7ECBAF;      /* readable-on-dark text/highlights */

  --olive:        #C5C951;
  --olive-rgb:    197,201,81;
  --olive-dark:   #696D20;      /* hover fills + readable-on-white text */
  --olive-dark-rgb:105,109,32;
  --olive-light:  #D6D982;      /* readable-on-dark text/highlights */

  /* Active accent alias — sections override this to alternate teal/olive.
     See "ACCENT ALTERNATION MAP" in theme-main.css */
  --red:         var(--teal);
  --red-dark:    var(--teal-dark);
  --red-light:   var(--teal-light);
  --red-rgb:     var(--teal-rgb);
  --red-glow:    rgba(81,167,138,0.25);

  --ink:         #14140F;       /* dark text used on top of bright accent fills */
  --dark:        #17171A;
  --dark2:       #1F1F1F;
  --dark3:       #2A2A26;
  --light-bg:    #F5F5F0;
  --white:       #FFFFFF;
  --text-muted:  #9A9A8C;
  --border:      rgba(255,255,255,0.08);
  --border-light:#E4E4DC;
  --r:           14px;
  --ease:        cubic-bezier(0.4,0,0.2,1);
  --spring:      cubic-bezier(0.34,1.56,0.64,1);
}