/**
 * @file
 * Minimal design tokens for rcomms_paragraphs module.
 *
 * This file provides ONLY the CSS custom properties that
 * rcomms_paragraphs/css/paragraphs.css depends on.
 * It does NOT override any existing theme styles.
 *
 * Update the brand values below when deploying to a new site.
 */

:root {
  /* ── Brand colors (update per site) ── */
  --color-brand-primary:     #0058B1;
  --color-brand-primary-rgb: 0, 88, 177;
  --color-brand-secondary:   #193b68;
  --color-brand-accent:      #62b5dd;
  --color-brand-white:       #fff;
  --color-brand-purple:      #6B3FA0;

  /* ── Color-class system aliases (consumed by paragraphs.css) ── */
  --color-brand-blue:   var(--color-brand-secondary);
  --color-brand-green:  var(--color-brand-primary);
  --color-brand-orange: var(--color-brand-accent);

  /* ── Neutrals ── */
  --color-text:        #666666;
  --color-text-muted:  #767676;
  --color-gray-dark:   #363636;
  --color-border:      #e5e5e5;

  /* ── Layout ── */
  --container-max-width: 1440px;

  /* ── Paragraph section spacing ── */
  --paragraph-spacing:        4rem;
  --paragraph-spacing-mobile: 2.5rem;

  /* ── Typography ── */
  --font-size-base: 16px;
  --font-size-3xl:  30px;

  --line-height-tight:   1.2;
  --line-height-snug:    1.3;
  --line-height-relaxed: 1.6;

  --font-weight-light:    300;
  --font-weight-medium:   500;
  --font-weight-semibold: 600;
  --font-weight-bold:     700;

  --letter-spacing-wider: 0.05em;

  /* ── Semantic typography (used by paragraphs.css) ── */
  --text-body:       var(--font-size-base);
  --text-caption:    14px;
  --text-heading-sm: 22px;
  --text-heading-md: 24px;
  --text-heading-lg: 30px;
  --text-heading-xl: 38px;
}