/*
Theme Name:   RADICO
Theme URI:    https://radico.bg
Description:  RADICO child theme of Hello Elementor. Carries the design tokens
              extracted from the Figma design system as CSS custom properties.
Author:       Fundamental Studio
Template:     hello-elementor
Version:      0.1.0
Text Domain:  radico
*/

/* Design tokens live in tokens.css, loaded after the parent stylesheet. */


/* ==========================================================================
   Link and button colour
   hello-elementor's reset.css paints every link and button #cc3366. Nothing in
   the design is pink, so the base colour is restored here — the child theme's
   stylesheet loads after the parent's reset, so a bare selector is enough.
   ========================================================================== */
/* `body a` rather than `a`: the Elementor kit sets its own link colour with a
   bare `a` selector and its stylesheet loads after this one, so an equal
   specificity would lose on order. */
body a {
  color: var(--radico-blue-950);
  text-decoration: none;
}
body a:hover,
body a:focus {
  color: var(--radico-blue-700);
}
/* The reset gives every bare <button> a pink border and label and paints the
   whole control pink on hover and focus:
     [type=button],[type=submit],button { border:1px solid #c36; color:#c36 }
     …:hover,…:focus { background-color:#c36; color:#fff }
   Nothing in the design has a bare button — the header icons, the quantity
   stepper, the carousel arrows and the filter toggles are all buttons — so the
   base is neutralised here and each component paints its own. */
[type="button"],
[type="submit"],
[type="reset"],
button {
  padding: 0;
  border: 0;
  border-radius: 0;
  background-color: transparent;
  color: inherit;
}
[type="button"]:hover,
[type="button"]:focus,
[type="submit"]:hover,
[type="submit"]:focus,
[type="reset"]:hover,
[type="reset"]:focus,
button:hover,
button:focus {
  background-color: transparent;
  color: inherit;
  text-decoration: none;
}

/* The reset also underlines visited links. */
body a:visited { text-decoration: none; }