/**
 * BBT Design System — Full Theme Package
 * Theme: glarner
 * Generated by Template Configurator
 * Date: 2026-08-19
 *
 * This file contains:
 *   1. BBT Color Variables (:root)
 *   2. Bootstrap RGB Overrides (computed from tenant colors)
 *   3. Icon Configuration (CSS Custom Properties)
 *   4. Utility classes
 *
 * ANGULAR INTEGRATION — Load order in angular.json → styles:
 *   "node_modules/bootstrap/dist/css/bootstrap.min.css"
 *   "src/assets/css/bbt-icons.css"
 *   "src/assets/css/bootstrap-override.css"
 *   "src/assets/css/app-layout.css"
 *   "src/assets/css/custom-variables.css"  <-- THIS FILE must be LAST
 *       (overrides the hardcoded Bootstrap RGB values above)
 */

/* ========================================
   COLOR VARIABLES
   ======================================== */

:root {
  /* Typography */
  --bbt-font-family-base: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;

  /* Primary */
  --bbt-primary: #85b74a;
  --bbt-primary-light: #9dc56e;
  --bbt-accent: #4d8544;
  --bbt-white: #ffffff;
  --bbt-dark: #2c2f31;
  --bbt-background: #f0f4f1;

  /* Secondary */
  --bbt-secondary: #4d8544;
  --bbt-neutral-base: #5a6b5e;
  --bbt-primary-dark: #6b933b;
  --bbt-primary-subtle: #f8faf5;

  /* Text */
  --bbt-text-default: #2c2f31;
  --bbt-text-white: #ffffff;
  --bbt-text-grey: #5e6266;
  --bbt-text-disable: #c8d0ca;
  --bbt-icon-default: #2c2f31;
  --bbt-icon-disable: #c8d0ca;

  /* Semantic */
  --bbt-error: #c0392b;
  --bbt-warning: #f59e0b;
  --bbt-success: #27ae60;

  /* Stroke */
  --bbt-stroke-default: #c8d0ca;
  --bbt-stroke-disable: #dfe5e0;
  --bbt-stroke-white: #ffffff;
  --bbt-stroke-primary-light: #9dc56e;
  --bbt-stroke-primary-dark: #85b74a;
  --bbt-stroke-error: #c0392b;

  /* Surface */
  --bbt-surface-white: #ffffff;
  --bbt-surface-grey-50: #f5f7f5;
  --bbt-surface-grey: #e2e8e3;
  --bbt-surface-primary-dark: #85b74a;

  /* Grey Scale */
  --bbt-neutral-50: #f4f5f5;
  --bbt-neutral-100: #e7e9e7;
  --bbt-neutral-200: #d4d8d5;
  --bbt-neutral-300: #afb6b0;
  --bbt-neutral-400: #849087;
  --bbt-neutral-500: #6b766d;
  --bbt-neutral-600: #5a6b5e;
  --bbt-neutral-700: #49554c;
  --bbt-neutral-800: #3f4b42;
  --bbt-neutral-900: #38423a;
  --bbt-neutral-950: #232a25;

  /* Primary Scale */
  --bbt-primary-100: #f3f6ef;
  --bbt-primary-200: #dfe8d4;
  --bbt-primary-300: #c1d5a9;
  --bbt-primary-600: #85b74a;

  /* Secondary Scale */
  --bbt-secondary: #4d8544;
  --bbt-secondary-light: #b3d0af;
  --bbt-secondary-dark: #4d8544;
  --bbt-secondary-100: #f0f5f0;
  --bbt-secondary-200: #d8e5d6;
  --bbt-secondary-300: #b3d0af;
  --bbt-secondary-600: #4d8544;

  /* Accent Scale */
  --bbt-accent-100: #f0f5f0;
  --bbt-accent-200: #d8e5d6;
  --bbt-accent-300: #b3d0af;
  --bbt-accent-600: #30522a;

  /* Tertiary Scale */
  --bbt-tertiary-100: #f0f4f2;
  --bbt-tertiary-200: #d9e3de;
  --bbt-tertiary-300: #b4cbc0;
  --bbt-tertiary-600: #3e6351;

  /* Error Scale */
  --bbt-error-100: #f7eeed;
  --bbt-error-200: #edd2cf;
  --bbt-error-300: #e0a59f;
  --bbt-error-600: #c0392b;

  /* Warning Scale */
  --bbt-warning-100: #f9f4eb;
  --bbt-warning-200: #f3e3c8;
  --bbt-warning-300: #eccb93;
  --bbt-warning-600: #634004;

  /* Success Scale */
  --bbt-success-100: #edf7f1;
  --bbt-success-200: #cfeddc;
  --bbt-success-300: #9fe0ba;
  --bbt-success-600: #27ae60;

  /* Bootstrap RGB Overrides (computed from tenant colors) */
  /* These override the hardcoded RGB values in bootstrap-override.css */
  --bs-primary-rgb:   133, 183, 74;
  --bs-secondary-rgb: 77, 133, 68;
  --bs-success-rgb:   39, 174, 96;
  --bs-danger-rgb:    192, 57, 43;
  --bs-warning-rgb:   236, 203, 147;
  --bs-info-rgb:      193, 213, 169;
  --bs-light-rgb:     244, 245, 245;
  --bs-dark-rgb:      56, 66, 58;

  /* Icon Configuration */
  --bbt-icon-color: var(--bbt-icon-default, #004854);
  --bbt-icon-size: 24px;
  --bbt-icon-stroke-width: 2;
}

/* ========================================
   ICON UTILITIES
   ======================================== */

svg[stroke="currentColor"] {
  color: var(--bbt-icon-color);
  width: var(--bbt-icon-size);
  height: var(--bbt-icon-size);
  stroke-width: var(--bbt-icon-stroke-width);
}

/* ========================================
   THEME METADATA (JSON)
   ======================================== */

/* {
  "name": "glarner",
  "date": "2026-08-19",
  "seeds": {
    "fontFamily": "-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif",
    "primary": "#85b74a",
    "primaryLight": "#9dc56e",
    "secondary": "#4d8544",
    "grey": "#5a6b5e",
    "accentPink": "#4d8544",
    "background": "#f0f4f1",
    "textDefault": "#2c2f31",
    "textGrey": "#5e6266",
    "textDisabled": "#c8d0ca",
    "error": "#c0392b",
    "warning": "#f59e0b",
    "success": "#27ae60",
    "strokeDefault": "#c8d0ca",
    "strokeDisabled": "#dfe5e0",
    "surfaceWhite": "#ffffff",
    "surfaceLightGrey": "#f5f7f5",
    "surfaceGrey": "#e2e8e3"
  },
  "colors": {
    "--bbt-font-family-base": "-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif",
    "--bbt-primary": "#85b74a",
    "--bbt-primary-light": "#9dc56e",
    "--bbt-accent": "#4d8544",
    "--bbt-white": "#ffffff",
    "--bbt-dark": "#2c2f31",
    "--bbt-background": "#f0f4f1",
    "--bbt-neutral-base": "#5a6b5e",
    "--bbt-primary-dark": "#6b933b",
    "--bbt-primary-subtle": "#f8faf5",
    "--bbt-icon-default": "#2c2f31",
    "--bbt-icon-disable": "#c8d0ca",
    "--bbt-text-default": "#2c2f31",
    "--bbt-text-white": "#ffffff",
    "--bbt-text-grey": "#5e6266",
    "--bbt-text-disable": "#c8d0ca",
    "--bbt-error": "#c0392b",
    "--bbt-warning": "#f59e0b",
    "--bbt-success": "#27ae60",
    "--bbt-stroke-default": "#c8d0ca",
    "--bbt-stroke-disable": "#dfe5e0",
    "--bbt-stroke-white": "#ffffff",
    "--bbt-stroke-primary-light": "#9dc56e",
    "--bbt-stroke-primary-dark": "#85b74a",
    "--bbt-stroke-error": "#c0392b",
    "--bbt-surface-white": "#ffffff",
    "--bbt-surface-grey-50": "#f5f7f5",
    "--bbt-surface-grey": "#e2e8e3",
    "--bbt-surface-primary-dark": "#85b74a",
    "--bbt-neutral-50": "#f4f5f5",
    "--bbt-neutral-100": "#e7e9e7",
    "--bbt-neutral-200": "#d4d8d5",
    "--bbt-neutral-300": "#afb6b0",
    "--bbt-neutral-400": "#849087",
    "--bbt-neutral-500": "#6b766d",
    "--bbt-neutral-600": "#5a6b5e",
    "--bbt-neutral-700": "#49554c",
    "--bbt-neutral-800": "#3f4b42",
    "--bbt-neutral-900": "#38423a",
    "--bbt-neutral-950": "#232a25",
    "--bbt-primary-100": "#f3f6ef",
    "--bbt-primary-200": "#dfe8d4",
    "--bbt-primary-300": "#c1d5a9",
    "--bbt-primary-600": "#85b74a",
    "--bbt-accent-100": "#f0f5f0",
    "--bbt-accent-200": "#d8e5d6",
    "--bbt-accent-300": "#b3d0af",
    "--bbt-accent-600": "#30522a",
    "--bbt-tertiary-100": "#f0f4f2",
    "--bbt-tertiary-200": "#d9e3de",
    "--bbt-tertiary-300": "#b4cbc0",
    "--bbt-tertiary-600": "#3e6351",
    "--bbt-error-100": "#f7eeed",
    "--bbt-error-200": "#edd2cf",
    "--bbt-error-300": "#e0a59f",
    "--bbt-error-600": "#c0392b",
    "--bbt-warning-100": "#f9f4eb",
    "--bbt-warning-200": "#f3e3c8",
    "--bbt-warning-300": "#eccb93",
    "--bbt-warning-600": "#634004",
    "--bbt-success-100": "#edf7f1",
    "--bbt-success-200": "#cfeddc",
    "--bbt-success-300": "#9fe0ba",
    "--bbt-success-600": "#27ae60",
    "--bbt-secondary": "#4d8544",
    "--bbt-secondary-light": "#b3d0af",
    "--bbt-secondary-dark": "#4d8544",
    "--bbt-secondary-100": "#f0f5f0",
    "--bbt-secondary-200": "#d8e5d6",
    "--bbt-secondary-300": "#b3d0af",
    "--bbt-secondary-600": "#4d8544"
  },
  "icons": {
    "color": "var(--bbt-icon-default, #004854)",
    "size": "24",
    "strokeWidth": "2"
  }
} */