/* ============================================================
   BTK Design System — Color Tokens
   Mapped from the BTK frontend globals.css (derived from the
   legacy style/theme.js). BTK is a multi-tenant government CMS;
   the primary color is overridden per tenant at runtime.
   ============================================================ */

:root {
  /* ---- Brand: primary (BTK main / kurumsal navy) ---- */
  --btk-primary: #203260;          /* corporate navy — BTK.gov.tr */
  --btk-primary-light: #296aad;    /* lighter blue, used in footer gradient */

  /* Tenant brand variants (the same components reskin per site) */
  --btk-tuketici: #5c2355;         /* Tüketici (consumer) — plum/purple */
  --btk-tuketici-light: #8a3580;
  --btk-internet: #203260;         /* İnternet (safe-internet) — navy */
  --btk-internet-light: #296aad;

  /* ---- Neutrals (legacy theme color.gray array) ---- */
  --btk-gray-600: #333333;         /* headings / strongest text */
  --btk-gray-500: #666666;         /* body text (default) */
  --btk-gray-400: #999999;         /* muted / placeholder */
  --btk-gray-300: #cccccc;         /* dividers, disabled */
  --btk-gray-200: #eeeeee;         /* link-card fill, hairline surfaces */
  --btk-gray-100: #f2f2f2;         /* light fill */
  --btk-page: #fafafa;             /* app/page background */
  --btk-white: #ffffff;
  --btk-black: #000000;            /* used as banner-button right panel */

  /* ---- Semantic ---- */
  --btk-red: #cc0000;              /* errors / required / alerts */
  --btk-border: #dddddd;           /* default border color */
  --btk-background: #ffffff;       /* surface / card background */
  --btk-foreground: #333333;       /* default foreground for headings */
  --btk-text-body: #666666;        /* default running text */
  --btk-text-muted: #999999;
  --btk-link: var(--btk-primary);

  /* ---- Active theme aliases (default = BTK main) ----
     Reskin a whole tree by re-declaring --color-primary on a
     [data-tenant] scope, exactly like the production app. */
  --color-primary: var(--btk-primary);
  --color-primary-light: var(--btk-primary-light);
}

/* Tenant overrides — mirror the production [data-tenant] scopes */
[data-tenant='btk-tuketici'] {
  --color-primary: var(--btk-tuketici);
  --color-primary-light: var(--btk-tuketici-light);
}

[data-tenant='btk-internet'] {
  --color-primary: var(--btk-internet);
  --color-primary-light: var(--btk-internet-light);
}