/**
 * Copyright (C) NPAW - All Rights Reserved
 *
 * This source code is protected under international copyright law. All rights
 * reserved and protected by the copyright holders.
 * This file is confidential and only available to authorized individuals with the
 * permission of the copyright holders. If you encounter this file and do not have
 * permission, please contact the copyright holders and delete this file.
 *
 *
 * @author: Victor Soto <victor.soto@nicepeopleatwork.com>
 * @description: Styles of the temporary walking-skeleton placeholder page (F-025/R8): Phoenix canvas, ink and blue accent in light mode, night navy in dark mode, system fonts only (nothing loaded from outside the origin).
 */

:root {
  --gs-canvas: #f6f8fc;
  --gs-surface: #ffffff;
  --gs-ink: #0f1a33;
  --gs-muted: #556380;
  --gs-accent: #3166e4;
  --gs-border: #dfe4ee;
  color-scheme: light dark;
}

@media (prefers-color-scheme: dark) {
  :root {
    --gs-canvas: #0b1224;
    --gs-surface: #141c33;
    --gs-ink: #e8edf7;
    --gs-muted: #a2adc3;
    --gs-accent: #709fff;
    --gs-border: #2a3552;
  }
}

* {
  box-sizing: border-box;
}

body {
  margin: 0;
  min-height: 100vh;
  display: grid;
  place-items: center;
  padding: 16px;
  background: var(--gs-canvas);
  color: var(--gs-ink);
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  line-height: 1.5;
}

.card {
  width: min(560px, 100%);
  padding: 32px;
  border: 1px solid var(--gs-border);
  border-radius: 12px;
  background: var(--gs-surface);
}

.brand {
  margin: 0 0 8px;
  color: var(--gs-accent);
  font-weight: 700;
  letter-spacing: 0.12em;
}

h1 {
  margin: 0 0 12px;
  font-size: 1.75rem;
}

p {
  margin: 0;
  color: var(--gs-muted);
}