/* =====================================================================
   design-system/tokens/brand.css  ·  Layer 1 of 3: BRAND CONFIG  ·  DS v2 (design v4, 2026-10-24)
   ---------------------------------------------------------------------
   The brand is temporary (Aus, 2026-10-23). A rename or a new brand
   colour touches THIS FILE ONLY (plus the two logo SVGs).
   - Names are CSS strings for decorative use (content:, wordmark slot).
     UI text never hard-codes a product name: i18n strings use
     {product_chat} / {product_shop}; the server reads config/brand.php.
   - The accent ramp feeds --color-tint*, --color-focus, --chart-1 in
     semantic.css. A new ramp must pass tests/ds_package_test.php
     (contrast >= 4.5:1 in both themes) before it can ship.
   - Hex values are allowed only here and in primitives.css.
   Accent: Apple system blue (design v4). #007AFF itself is kept for non-text
   marks (charts, meters, dots: 4.0:1 on white, >= 3:1 needed); text and
   button fills use the nearest blues that pass 4.5:1 (rule book).
   ===================================================================== */
:root {
  /* names (temporary) */
  --brand-name-chat: "VSchat";
  --brand-name-shop: "VisionX";
  --brand-name-company: "TheVisionX";
  --brand-name-short: "VX";

  /* accent ramp: system blue */
  --brand-accent-500: #007AFF;  /* iOS system blue: charts, meters, dots, logo mark (non-text) · light */
  --brand-accent-500d: #0A84FF; /* iOS system blue, dark appearance: same uses · dark */
  --brand-accent-600: #0071E3;  /* button fill, focus ring, outgoing bubble (white label 4.7:1) · both themes */
  --brand-accent-700: #0066CC;  /* light: links, plain buttons, active tab/nav text (5.6:1 on white); fill hover */
  --brand-accent-800: #0058B0;  /* light: fill pressed */
  --brand-accent-300: #5AA9FF;  /* dark: links, plain buttons, active text (6.9:1 on #1C1C1E; v4 #0A84FF / #409CFF lifted so blue text stays 4.5:1 on fills and tints) */
  --brand-accent-250: #64B5FF;  /* dark: hover text; toast action in both themes */
  --brand-accent-on: #FFFFFF;   /* label on the blue fill (both themes) */
}