/* Greenkub colour system — values transcribed from the Figma variable
   collection "Greenkub Collection" and the Couleurs specimen board. */
:root {
  /* Primary */
  --gk-green: #41B883;
  --gk-pink: #FF77A9;
  --gk-pink-hover: #FF5091;
  --gk-pink-disabled: #F8BFD2;
  --gk-pink-disabled-alpha: rgba(255, 119, 169, 0.5);

  /* Secondary */
  --gk-yellow: #FEDD63;
  --gk-green-secondary: #6DD47A;
  --gk-green-alt: #A2EBA6;
  --gk-pink-light: #FFC1D3;

  /* Neutrals */
  --gk-black: #161616;
  --gk-white: #FFFFFF;
  --gk-lightgrey: #FBFBFB;
  --gk-mediumgrey: #E0E0E0;
  --gk-grey: #B0B0B0;
  --gk-darkgrey: #444444;
  --gk-ink-333: #333333;

  /* Feedback */
  --gk-error-bg: #FBC1D3;
  --gk-error-fg: #AF0404;

  /* Marks used inside components (accordion plus, review platforms) */
  --gk-accordion-plus: #AFD896;
  --gk-trustpilot: #00B67A;
  --gk-trustpilot-shade: #005128;
  --gk-trustpilot-empty: #DCDCE6;
  --gk-airbnb: #FF385C;

  /* Alpha derivations used by hover / overlay states */
  --gk-green-10: rgba(65, 184, 131, 0.1);
  --gk-mediumgrey-50: rgba(224, 224, 224, 0.5);

  /* Semantic aliases */
  --gk-text-primary: var(--gk-black);
  --gk-text-muted: var(--gk-grey);
  --gk-text-inverse: var(--gk-white);
  --gk-text-accent: var(--gk-green);
  --gk-surface-page: var(--gk-white);
  --gk-surface-subtle: var(--gk-lightgrey);
  --gk-surface-card: var(--gk-white);
  --gk-surface-dark: var(--gk-black);
  --gk-border-subtle: var(--gk-mediumgrey);
  --gk-border-strong: var(--gk-grey);
  --gk-border-accent: var(--gk-green);
  --gk-action-primary: var(--gk-pink);
  --gk-action-primary-hover: var(--gk-pink-hover);
  --gk-action-accent: var(--gk-yellow);

  /* Opacity levels */
  --gk-opacity-low: 0.1; /* @kind other */
  --gk-opacity-medium: 0.5; /* @kind other */
  --gk-opacity-high: 0.8; /* @kind other */
}