/*
Theme Name: PunchCard HR SaaS
Theme URI: https://example.com/punchcard-hr
Author: PunchCard HR
Author URI: https://example.com
Description: A complete multi-tenant HR SaaS delivered as a WordPress theme. The site owner grants access to client companies (or companies self-register and pick a plan); each company adds employees; every employee gets a self-service portal with GPS clock in/out, a live running timer, geofencing, leave management, holidays and payslips. Includes subscription plans with employee caps and payroll exports.
Version: 1.1.0
Requires at least: 6.0
Tested up to: 6.5
Requires PHP: 7.4
License: GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: punchcard-hr

IMPORTANT: This theme records employee GPS location while they are clocked in.
That is only lawful in most places when employees are clearly informed and have
consented, and when tracking is limited to working hours. A consent gate is built
in; confirm your local labour / privacy rules before deploying with real staff.
*/

/* Minimal base styles. The portal/signup UI is styled in assets/css/portal.css. */
:root { --pchr-navy: #14213d; --pchr-crimson: #ae3a2e; }

* { box-sizing: border-box; }
body {
    margin: 0;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    color: #1f2430;
    background: #f7f8fa;
    line-height: 1.5;
}
a { color: var(--pchr-crimson); }

.pchr-site-header {
    background: var(--pchr-navy);
    color: #fff;
    padding: 14px 22px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.pchr-site-header a { color: #fff; text-decoration: none; }
.pchr-site-title { font-weight: 800; letter-spacing: .3px; display: flex; align-items: center; gap: 10px; }
.pchr-site-title .dot {
    display: inline-grid; place-items: center; width: 30px; height: 30px;
    border: 2px solid var(--pchr-crimson); border-radius: 50%; font-size: 12px; font-weight: 800; transform: rotate(-8deg);
}
.pchr-site-nav a { margin-left: 18px; font-size: 14px; font-weight: 600; }

.pchr-main { max-width: 1080px; margin: 26px auto; padding: 0 18px; }

.pchr-site-footer {
    text-align: center; color: #6b7280; font-size: 13px; padding: 30px 18px; border-top: 1px solid #e5e7eb; margin-top: 40px;
}

.pchr-hero { text-align: center; padding: 40px 18px 10px; }
.pchr-hero h1 { font-size: 30px; margin: 0 0 8px; color: var(--pchr-navy); }
.pchr-hero p { color: #6b7280; margin: 0 auto; max-width: 560px; }