/* ==========================================================================
   Spacious Child Classic
   Design tokens: colors, typography, spacing, radius, shadows, transitions
   ========================================================================== */

:root {
  /* ------------------------------------------------------------------------
   * Brand colors
   * ------------------------------------------------------------------------ */
  --scc-color-primary: #69c;
  --scc-color-primary-dark: #369;
  --scc-color-primary-light: #f0f7fe;
  --scc-color-primary-soft: #cce5ff;

  /* ------------------------------------------------------------------------
   * Base colors
   * ------------------------------------------------------------------------ */

  --scc-color-light: #fff;
  --scc-color-dark: #000;

  --scc-color-bg-light: #fafafa;
  --scc-color-bg-muted: #a6a6a6;

  --scc-color-text: #212529;
  --scc-color-text-muted: #6a6a6a;

  --scc-color-border: #ccc;
  --scc-color-border-light: #e5e7eb;

  --scc-color-disabled: #d5d5d5;
  --scc-color-placeholder: #999;
}