/* Ferrotec Design System — Color tokens
   Source of truth: official Ferrotec brand colors (FT-Blue / FT-Red).
   Never introduce additional brand colors unless explicitly required. */
:root {
  /* ---- Brand (official) ---- */
  --ft-blue: #113160;          /* FT-Blue — main color: logo, headings */
  --ft-red: #B71313;           /* FT-Red — accent / CTA */
  --ft-red-inverted: #E61E1E;  /* FT-Red_r — reserved for inverted logo use ONLY */
  --ft-black: #3A3A3A;         /* FT-Black — company name text, body copy */
  --ft-white: #FFFFFF;

  /* ---- Neutrals ---- */
  --neutral-900: #3A3A3A;
  --neutral-700: #666666;
  --neutral-500: #999999;
  --neutral-300: #DDDDDD;
  --neutral-200: #E0E0E0;
  --neutral-100: #F2F2F2;
  --neutral-50:  #F8F9FA;

  /* ---- Semantic status ---- */
  --status-success: #2E8B57;
  --status-warning: #F5A623;
  --status-error:   #D0021B;

  /* ---- Semantic aliases ---- */
  --color-primary: var(--ft-blue);
  --color-accent: var(--ft-red);
  --color-bg: var(--ft-white);
  --color-surface: #F8F9FA;
  --color-surface-alt: #F2F2F2;
  --color-bg-inverted: var(--ft-blue);

  --text-heading: var(--ft-blue);
  --text-body: var(--ft-black);
  --text-secondary: #666666;
  --text-inverted: var(--ft-white);
  --text-on-accent: var(--ft-white);

  --border-default: #DDDDDD;
  --border-strong: #C4C4C4;

  --link-default: var(--ft-blue);
  --link-hover: var(--ft-red);

  /* CTA interaction — darken FT-Red ~8-10% on hover/active */
  --cta-bg: var(--ft-red);
  --cta-bg-hover: #9C1010;
  --cta-bg-active: #8A0E0E;
}