/*
Theme Name:   Car Audio Shop
Theme URI:    https://caraudioshop.co.uk/
Description:  Astra child theme for Car Audio Shop. Restyles the WooCommerce
              shop, category, product, cart and checkout pages to match the
              brand. All store styling lives in assets/css/store.css.
Author:       Car Audio Shop
Author URI:   https://caraudioshop.co.uk/
Template:     astra
Version:      2.0.1
Text Domain:  caraudioshop
*/

/* ══════════════════════════════════════════════════════════════
   Brand tokens, available site wide.
   Change a colour here and it updates everywhere.
   ══════════════════════════════════════════════════════════════ */
:root{
  --cas-red:#E92225;
  --cas-red-dark:#c91c1f;
  --cas-black:#0A0A0A;
  --cas-white:#ffffff;
  --cas-grey:#f6f6f7;
  --cas-grey-2:#eeeef0;
  --cas-border:#e4e4e6;
  --cas-text:#111111;
  --cas-muted:#5f6368;
  --cas-ok:#1a8a4a;
  --cas-font-head:'Rajdhani',system-ui,-apple-system,sans-serif;
  --cas-font-body:'Inter',system-ui,-apple-system,sans-serif;
  --cas-max:1360px;
  --cas-ease:cubic-bezier(.25,.46,.45,.94);
  --cas-radius:3px;
}

/* ══════════════════════════════════════════════════════════════
   ASTRA GLOBAL PALETTE OVERRIDE

   Activating a child theme resets Astra's Customizer to its defaults,
   and Astra's default accent colour is blue (#0170B9). That is where
   the blue links, blue buttons and blue notice borders came from.

   Repointing Astra's own variables fixes it everywhere at once,
   including pages this theme does not otherwise touch.

   You can still set these properly in Customise > Global > Colours.
   These values simply make sure it is never blue in the meantime.
   ══════════════════════════════════════════════════════════════ */
:root,
body,
.ast-container{
  --ast-global-color-0:#E92225;   /* accent, links, buttons */
  --ast-global-color-1:#c91c1f;   /* accent hover */
  --ast-global-color-2:#111111;   /* headings */
  --ast-global-color-3:#3d3d41;   /* body text */
  --ast-global-color-4:#f6f6f7;   /* light background */
  --ast-global-color-5:#ffffff;   /* white */
  --ast-global-color-6:#f2f2f4;   /* subtle background */
  --ast-global-color-7:#0A0A0A;   /* dark */
  --ast-global-color-8:#000000;

  --ast-link-color:#E92225;
  --ast-link-hover-color:#c91c1f;

  /* Astra button variables */
  --ast-btn-color:#ffffff;
  --ast-btn-bg-color:#E92225;
  --ast-btn-h-color:#ffffff;
  --ast-btn-bg-h-color:#c91c1f;
}

/* Astra prints some colours literally rather than through a variable,
   so the default blue is pinned down directly as well. */
a{color:#E92225}
a:hover,a:focus{color:#c91c1f}

/* Add your own site wide tweaks below this line.
   Store specific rules belong in assets/css/store.css. */