/*
 * Theme override for MAKWELL website
 *
 * This stylesheet redefines the root colour variables used across the site to
 * provide a fresh blue‑toned colour palette. Include this file after
 * `style.css` on every page to apply the new look without editing the
 * original stylesheet. Only the variables defined here will override the
 * defaults; all other styles remain untouched.
 */

:root {
  /* Base backgrounds */
  --color-background: #f5faff; /* very light blue backdrop */
  --color-surface: #ffffff;    /* clean white surfaces for cards and panels */

  /* Primary text colours */
  --color-text: #051d42;        /* dark navy for high contrast */
  --color-text-secondary: #445b85; /* muted slate for subtitles and secondary info */

  /* Primary accent colours */
  --color-primary: #1f6feb;      /* bright royal blue for buttons and highlights */
  --color-primary-hover: #1a5edb; /* slightly darker blue on hover */
  --color-primary-active: #134bb5; /* deeper blue on active states */
  /* Provide RGB value for effects like text shadows and gradients */
  --color-primary-rgb: 31, 111, 235;

  /* Secondary accents: subtle backgrounds and hover fills */
  --color-secondary: rgba(31, 79, 170, 0.08);
  --color-secondary-hover: rgba(31, 79, 170, 0.12);
  --color-secondary-active: rgba(31, 79, 170, 0.16);

  /* Borders and outlines */
  --color-card-border: rgba(31, 79, 170, 0.15);
  --color-card-border-inner: rgba(31, 79, 170, 0.10);
  --color-border: rgba(31, 79, 170, 0.20);

  /* Button text colour */
  --color-btn-primary-text: #ffffff;
}