/* ========================================================================== PAMI — Material Preset Registry Foundation -------------------------------------------------------------------------- Registry owner: - This file is the sole owner of non-default Material Preset namespaces. Default owner: - The Classic/default semantic values remain authoritative in variables.css. - A scoped Classic selector is intentionally forbidden. Runtime owner: - A future phase may resolve preset state on the root element through the data-pami-material-preset attribute. This file does not activate, select or switch any preset. Registry contract: - Preset blocks may override approved semantic tokens only. - Component selectors are forbidden. - Direct brand-primitive overrides are forbidden. - Consumer migration and runtime behavior are outside this phase. - Palette declarations are intentionally deferred to a future Work Order. ========================================================================== */ :root[data-pami-material-preset="velvet-graphite"] { /* Canvas and surfaces */ --color-canvas-default: #F2F2F0; --color-surface-default: #F0EEEC; --color-surface-raised: #FAF8F5; --color-surface-subtle: #D1CDCA; --color-surface-translucent: rgba(244, 242, 239, 0.84); --color-commerce-canvas: #F7F5F2; --color-material-glass-edge: rgba(255, 249, 245, 0.16); --color-material-glass-highlight: rgba(255, 255, 255, 0.18); --pami-raised-preset-light-source: #FFFDFC; --pami-raised-preset-champagne-source: transparent; --pami-raised-preset-pearl-start: 32%; --pami-raised-preset-border-champagne: 8%; --pami-raised-preset-shadow-primary: 8.5%; --pami-raised-preset-shadow-contact: 5.5%; --pami-ambient-field-source: var(--color-surface-raised); --pami-ambient-field-contribution: 100%; --pami-ambient-field-geometry: 145% 92% at -12% 8%; --pami-ambient-field-fade: 74%; /* Content hierarchy and decorative accent */ --color-content-primary: #2B2928; --color-content-secondary: #4C4845; --color-content-tertiary: #5C5752; --color-content-inverse: #FFF9F5; --color-accent-decorative: #B08C63; /* Actions and links */ --color-action-primary: #7C303A; --color-action-primary-strong: #63232D; --color-action-primary-soft: #92505A; --color-action-on-primary: var(--color-content-inverse); --color-link-default: #6D2933; --color-link-hover: #4F1D25; /* Borders and dividers */ --color-border-default: #817B76; --color-border-subtle: #B7B1AC; --color-border-emphasis: #635E5A; --color-border-interactive: var(--color-action-primary); --color-divider-default: var(--color-border-subtle); /* Form fields */ --color-field-surface: #F8F6F3; --color-field-content: var(--color-content-primary); --color-field-placeholder: #706A65; --color-field-border: var(--color-border-default); --color-field-border-invalid: var(--color-status-error-content); --color-field-caret: var(--color-action-primary); /* Status content */ --color-status-success-content: #376847; --color-status-info-content: #3F6382; --color-status-warning-content: #815516; --color-status-error-content: #963A3F; /* Focus and selection */ --color-focus-ring: #765638; --color-selection-surface: var(--color-action-primary-strong); --color-selection-content: var(--color-content-inverse); /* Commerce roles */ --color-commerce-price: #3F3936; --color-commerce-price-promotional: var(--color-action-primary); --color-commerce-price-previous: #5C5752; --color-commerce-rating: #765638; --color-commerce-sale-content: var(--color-content-inverse); --color-commerce-sale-surface: #6A2631; --color-commerce-sale-border: #A5636A; --color-commerce-stock-indicator: var(--color-status-success-content); --color-commerce-stock-unavailable: #8D4F4E; } :root[data-pami-material-preset="warm-stone"] { /* Canvas and surfaces */ --color-canvas-default: #F6F3EE; --color-surface-default: #E8DFD3; --color-surface-raised: #FBF8F3; --color-surface-subtle: #EEE7DE; --color-surface-translucent: rgba(255, 252, 247, 0.78); --color-commerce-canvas: #FCF9F4; --color-material-glass-edge: rgba(255, 252, 247, 0.18); --color-material-glass-highlight: rgba(255, 255, 255, 0.22); --pami-raised-preset-light-source: #FFFDF8; --pami-raised-preset-champagne-source: transparent; --pami-ambient-field-source: #FFFDF8; --pami-ambient-field-contribution: 30%; --pami-ambient-field-geometry: 180% 110% at -20% -4%; --pami-ambient-field-fade: 82%; /* Content hierarchy and decorative accent */ --color-content-primary: #2F2A25; --color-content-secondary: #675E55; --color-content-tertiary: #6C6259; --color-content-inverse: #FFF9F4; --color-accent-decorative: #B28E63; /* Actions and links */ --color-action-primary: #8B2E33; --color-action-primary-strong: #742127; --color-action-primary-soft: #A34849; --color-action-on-primary: var(--color-content-inverse); --color-link-default: #7A2228; --color-link-hover: #5F171C; /* Borders and dividers */ --color-border-default: #8A7B6C; --color-border-subtle: #D2C7BA; --color-border-emphasis: #746455; --color-border-interactive: #8B2E33; --color-divider-default: var(--color-border-subtle); /* Form fields */ --color-field-surface: #FBF8F3; --color-field-content: var(--color-content-primary); --color-field-placeholder: #746A60; --color-field-border: var(--color-border-default); --color-field-border-invalid: var(--color-status-error-content); --color-field-caret: var(--color-action-primary); /* Status content */ --color-status-success-content: #2F6A47; --color-status-info-content: #315F7C; --color-status-warning-content: #825600; --color-status-error-content: #9F2F2A; /* Focus and selection */ --color-focus-ring: #76502C; --color-selection-surface: #8B2E33; --color-selection-content: var(--color-content-inverse); /* Commerce roles */ --color-commerce-price: #4F4033; --color-commerce-price-promotional: #8B2E33; --color-commerce-price-previous: #6C6259; --color-commerce-rating: #88623A; --color-commerce-sale-content: #742127; --color-commerce-sale-surface: #F6E8E6; --color-commerce-sale-border: #B8787A; --color-commerce-stock-indicator: var(--color-status-success-content); --color-commerce-stock-unavailable: var(--color-status-error-content); } :root[data-pami-material-preset="natural-linen"] { /* Canvas and surfaces */ --color-canvas-default: #FAF8F3; --color-surface-default: #F1ECE3; --color-surface-raised: #FFFDF9; --color-surface-subtle: #F6F2EB; --color-surface-translucent: rgba(255, 255, 252, 0.82); --color-commerce-canvas: #FFFDF8; --color-material-glass-edge: rgba(255, 253, 249, 0.20); --color-material-glass-highlight: rgba(255, 255, 255, 0.24); /* Content hierarchy and decorative accent */ --color-content-primary: #292725; --color-content-secondary: #5F5A54; --color-content-tertiary: #706A63; --color-content-inverse: #FFFDFC; --color-accent-decorative: #B89A75; /* Actions and links */ --color-action-primary: #8A2A32; --color-action-primary-strong: #711E25; --color-action-primary-soft: #A7434A; --color-action-on-primary: var(--color-content-inverse); --color-link-default: #7B2028; --color-link-hover: #5F171E; /* Borders and dividers */ --color-border-default: #8C8278; --color-border-subtle: #D8D0C6; --color-border-emphasis: #766C62; --color-border-interactive: #8A2A32; --color-divider-default: var(--color-border-subtle); /* Form fields */ --color-field-surface: #FFFFFF; --color-field-content: var(--color-content-primary); --color-field-placeholder: #746E67; --color-field-border: var(--color-border-default); --color-field-border-invalid: var(--color-status-error-content); --color-field-caret: var(--color-action-primary); /* Status content */ --color-status-success-content: #2D6B4A; --color-status-info-content: #2E607C; --color-status-warning-content: #805609; --color-status-error-content: #A2302D; /* Focus and selection */ --color-focus-ring: #76542D; --color-selection-surface: #8A2A32; --color-selection-content: var(--color-content-inverse); /* Commerce roles */ --color-commerce-price: #4B4036; --color-commerce-price-promotional: #8A2A32; --color-commerce-price-previous: #706A63; --color-commerce-rating: #876641; --color-commerce-sale-content: #711E25; --color-commerce-sale-surface: #F7E8E8; --color-commerce-sale-border: #BA7D82; --color-commerce-stock-indicator: var(--color-status-success-content); --color-commerce-stock-unavailable: var(--color-status-error-content); } :root[data-pami-material-preset="smoked-oak"] { /* Canvas and surfaces */ --color-canvas-default: #F1EDE8; --color-surface-default: #D3BEA7; --color-surface-raised: #F5EBDD; --color-surface-subtle: #DDCBB8; --color-surface-translucent: rgba(245, 235, 221, 0.84); --color-commerce-canvas: #FBF5EC; --color-material-glass-edge: color-mix( in srgb, color-mix( in srgb, var(--color-border-subtle) 88%, var(--color-material-champagne-reflection) 12% ) 29%, transparent ); --color-material-glass-highlight: color-mix( in srgb, var(--color-material-pearl-light) 24%, transparent ); --pami-raised-preset-body-source: #F8F4F0; --pami-raised-preset-light-source: #FFFDF9; --pami-raised-preset-champagne-source: transparent; --pami-ambient-field-source: #FFFDF9; --pami-ambient-field-contribution: 28%; --pami-ambient-field-geometry: 170% 104% at -18% 6%; --pami-ambient-field-fade: 80%; /* Content hierarchy and decorative accent */ --color-content-primary: #342A22; --color-content-secondary: #55493F; --color-content-tertiary: #5F5349; --color-content-inverse: #FFF9F1; --color-accent-decorative: #C3A570; /* Actions and links */ --color-action-primary: #7A3034; --color-action-primary-strong: #5F2529; --color-action-primary-soft: #945157; --color-action-on-primary: var(--color-content-inverse); --color-link-default: #6D342D; --color-link-hover: #4D241F; /* Borders and dividers */ --color-border-default: #8B7865; --color-border-subtle: #C9B9A7; --color-border-emphasis: #745F4D; --color-border-interactive: #8A6433; --color-divider-default: var(--color-border-subtle); /* Form fields */ --color-field-surface: #F8F0E5; --color-field-content: var(--color-content-primary); --color-field-placeholder: #75695E; --color-field-border: var(--color-border-default); --color-field-border-invalid: var(--color-status-error-content); --color-field-caret: var(--color-action-primary); /* Status content */ --color-status-success-content: #2F5F43; --color-status-info-content: #35566B; --color-status-warning-content: #684719; --color-status-error-content: #7C3835; /* Focus and selection */ --color-focus-ring: #74511F; --color-selection-surface: #5F2529; --color-selection-content: var(--color-content-inverse); /* Commerce roles */ --color-commerce-price: #43372D; --color-commerce-price-promotional: #7A3034; --color-commerce-price-previous: #5F5349; --color-commerce-rating: #6A4D28; --color-commerce-sale-content: #6B2A2D; --color-commerce-sale-surface: #F0E2D0; --color-commerce-sale-border: #8B663C; --color-commerce-stock-indicator: var(--color-status-success-content); --color-commerce-stock-unavailable: #7B403B; }