/**
 * Notary Portal Theme - Professional Legal Style
 * Import: design-tokens.css, base.css, components.css before this file
 */

:root {
  --notary-primary: #1a4a8a;
  --notary-primary-dark: #133a6f;
  --notary-primary-light: #e8f1fa;
  --notary-accent: #c9a227;

  --primary-color: var(--notary-primary);
  --primary-dark: var(--notary-primary-dark);
  --primary-light: var(--notary-primary-light);
  --accent-color: var(--notary-accent);

  --bg-color: #f0f2f5;
  --card-bg: var(--white);
  --text-color: #2c3e50;
  --text-sub: #6c757d;
  --border-color: #e0e0e0;
}

body.notary-theme {
  background-color: var(--bg-color);
  color: var(--text-color);
}

.notary-header {
  background: linear-gradient(135deg, var(--notary-primary) 0%, var(--notary-primary-dark) 100%);
  padding: var(--space-lg) var(--space-xl);
  color: var(--white);
  box-shadow: var(--shadow-md);
}

.desktop-screen.notary {
  width: 100%;
  max-width: var(--desktop-max-width);
  background-color: var(--white);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-xl);
  overflow: hidden;
}

.notary-btn-primary {
  background-color: var(--notary-primary);
  color: var(--white);
  padding: var(--space-md) var(--space-lg);
  border-radius: var(--radius-md);
  font-weight: var(--font-semibold);
  border: none;
  cursor: pointer;
  transition: all var(--transition-base);
}

.notary-btn-primary:hover {
  background-color: var(--notary-primary-dark);
}