@charset "utf-8";

/*
 * PC semantic colors.
 * Source: docs/legacy-www/references/legacy-www-color-setup.md
 * Keep role names stable; change component aliases instead of reintroducing
 * the legacy compatibility indigo, cyan, or navy palette.
 */
:root {
  --pc-ui-brand: var(--sys-color-brand, #0095de);
  --pc-ui-brand-text: var(--sys-color-brand-text, #0077b8);
  --pc-ui-brand-dark: var(--sys-color-pressed, #043b8b);
  --pc-ui-brand-soft: var(--sys-color-soft, #e7f5fe);

  --pc-ui-action-primary: var(--sys-color-action, #0077b8);
  --pc-ui-action-pressed: var(--sys-color-pressed, #043b8b);
  --pc-ui-on-action: var(--sys-color-on-action, #fff);

  --pc-ui-ink: var(--sys-color-ink, #212529);
  --pc-ui-text: var(--sys-color-text, #343a40);
  --pc-ui-muted: var(--sys-color-muted, #495057);
  --pc-ui-subtle: var(--sys-color-subtle, #868e96);
  --pc-ui-line: var(--sys-color-line, #dee2e6);
  --pc-ui-line-soft: var(--sys-color-line-soft, #e9ecef);
  --pc-ui-canvas: var(--sys-color-canvas, #f8f9fa);
  --pc-ui-surface: var(--sys-color-surface, #fff);

  --pc-ui-danger: var(--sys-color-danger, #e03131);
  --pc-ui-saturday: var(--sys-color-saturday, #1772c1);
  --pc-ui-focus-ring: rgb(0 149 222 / 20%);

  /* board.php?bo_table=... typography and spacing roles.
     Component CSS consumes these names; desktop density stays independent from mobile. */
  --board-ui-layout-gutter: 1.25rem;
  --board-ui-section-gap: 1.5rem;
  --board-ui-surface-gap: 1.25rem;
  --board-ui-card-padding: 1rem;
  --board-ui-feature-padding: 1.5rem;
  --board-ui-item-gap: 0.75rem;
  --board-ui-dense-gap: 0.5rem;
  --board-ui-major-gap: 2rem;
  --board-ui-page-end-space: 4.5rem;
  --board-ui-type-list-page-title-size: 1.875rem;
  --board-ui-type-detail-title-size: 1.875rem;
  --board-ui-type-page-title-weight: 700;
  --board-ui-type-list-title-size: 0.9375rem;
  --board-ui-type-list-title-weight: 600;
  --board-ui-type-card-title-size: 1.125rem;
  --board-ui-type-card-title-weight: 600;
  --board-ui-type-body-size: 1rem;
  --board-ui-type-body-weight: 400;
  --board-ui-type-description-size: 0.9375rem;
  --board-ui-type-meta-size: 0.8125rem;
  --board-ui-type-meta-weight: 500;
  --board-ui-type-action-size: 0.875rem;
  --board-ui-type-action-weight: 600;
  --board-ui-type-title-line: 1.35;
  --board-ui-type-list-line: 1.5;
  --board-ui-type-body-line: 1.8;
  --board-ui-type-description-line: 1.6;
  --board-ui-type-meta-line: 1.4;
}